@tedi-design-system/react 19.1.0-rc.12 → 19.1.0-rc.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "19.1.0-rc.12",
+  "version": "19.1.0-rc.14",
   "description": "TEDI Design System React component library — accessible, reusable UI components. Docs & live examples: https://storybook.tedi.ee/react/rc/",
   "type": "module",
   "sideEffects": false,

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=e=>{if(e.key!=="ArrowLeft"&&e.key!=="ArrowRight"&&e.key!=="Home"&&e.key!=="End")return null;const l=e.currentTarget.closest('[role="tablist"]');if(!l)return null;const t=Array.from(l.querySelectorAll('[role="tab"]:not([disabled])')).filter(a=>getComputedStyle(a).display!=="none"),n=t.indexOf(e.currentTarget);if(t.length===0||n===-1)return null;let r=-1;switch(e.key){case"ArrowLeft":r=n===0?t.length-1:n-1;break;case"ArrowRight":r=n===t.length-1?0:n+1;break;case"Home":r=0;break;case"End":r=t.length-1;break}return r!==-1?(e.preventDefault(),t[r].focus(),t[r].scrollIntoView({block:"nearest",inline:"nearest"}),t[r]):null};exports.navigateTablist=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=e=>{e.scrollIntoView({block:"nearest",inline:"nearest"})},s=e=>{if(e.key!=="ArrowLeft"&&e.key!=="ArrowRight"&&e.key!=="Home"&&e.key!=="End")return null;const l=e.currentTarget.closest('[role="tablist"]');if(!l)return null;const t=Array.from(l.querySelectorAll('[role="tab"]:not([disabled])')).filter(a=>getComputedStyle(a).display!=="none"),n=t.indexOf(e.currentTarget);if(t.length===0||n===-1)return null;let r=-1;switch(e.key){case"ArrowLeft":r=n===0?t.length-1:n-1;break;case"ArrowRight":r=n===t.length-1?0:n+1;break;case"Home":r=0;break;case"End":r=t.length-1;break}return r!==-1?(e.preventDefault(),t[r].focus(),o(t[r]),t[r]):null};exports.navigateTablist=s;exports.scrollTabIntoView=o;

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

@@ -1,3 +1,8 @@
+/**
+ * Scrolls a tab fully into view inside a horizontally scrollable tablist.
+ * A no-op when the tab is already fully visible.
+ */
+export declare const scrollTabIntoView: (tab: HTMLElement) => void;
 /**
  * Navigates to a sibling tab in the tablist using ArrowLeft/ArrowRight/Home/End keys.
  * Returns the target tab element if navigation occurred, or null otherwise.

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

@@ -1,10 +1,12 @@
-const o = (e) => {
+const a = (e) => {
+  e.scrollIntoView({ block: "nearest", inline: "nearest" });
+}, s = (e) => {
   if (e.key !== "ArrowLeft" && e.key !== "ArrowRight" && e.key !== "Home" && e.key !== "End")
     return null;
   const l = e.currentTarget.closest('[role="tablist"]');
   if (!l) return null;
   const t = Array.from(l.querySelectorAll('[role="tab"]:not([disabled])')).filter(
-    (a) => getComputedStyle(a).display !== "none"
+    (o) => getComputedStyle(o).display !== "none"
   ), n = t.indexOf(e.currentTarget);
   if (t.length === 0 || n === -1) return null;
   let r = -1;
@@ -22,8 +24,9 @@ const o = (e) => {
       r = t.length - 1;
       break;
   }
-  return r !== -1 ? (e.preventDefault(), t[r].focus(), t[r].scrollIntoView({ block: "nearest", inline: "nearest" }), t[r]) : null;
+  return r !== -1 ? (e.preventDefault(), t[r].focus(), a(t[r]), t[r]) : null;
 };
 export {
-  o as navigateTablist
+  s as navigateTablist,
+  a as scrollTabIntoView
 };

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

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

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

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