@tedi-design-system/react 15.0.0-rc.1 → 15.0.0-rc.11

package/src/tedi/components/buttons/collapse/collapse.es.js

@@ -1,77 +1,78 @@
-import { jsx as t, jsxs as _ } from "react/jsx-runtime";
+import { jsx as t, jsxs as h } from "react/jsx-runtime";
 import o from "../../../../../external/classnames/index.es.js";
-import h from "react";
-import E from "../../../../../external/react-animate-height/dist/esm/index.es.js";
-import { Icon as K } from "../../base/icon/icon.es.js";
-import { Text as A } from "../../base/typography/text/text.es.js";
-import { Print as H } from "../../misc/print/print.es.js";
+import f from "react";
+import A from "../../../../../external/react-animate-height/dist/esm/index.es.js";
+import { Icon as H } from "../../base/icon/icon.es.js";
+import { Text as q } from "../../base/typography/text/text.es.js";
+import { Print as F } from "../../misc/print/print.es.js";
 import e from "./collapse.module.scss.es.js";
-import { usePrint as q } from "../../../helpers/hooks/use-print.es.js";
-import { useBreakpointProps as F } from "../../../helpers/hooks/use-breakpoint-props.es.js";
-import { useLabels as G } from "../../../providers/label-provider/use-labels.es.js";
-import { Row as P } from "../../layout/grid/row.es.js";
+import { usePrint as G } from "../../../helpers/hooks/use-print.es.js";
+import { useBreakpointProps as J } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { useLabels as Q } from "../../../providers/label-provider/use-labels.es.js";
+import { Row as k } from "../../layout/grid/row.es.js";
 import { Col as s } from "../../layout/grid/col.es.js";
-const ie = (f) => {
-  const { getCurrentBreakpointProps: $ } = F(f.defaultServerBreakpoint), { getLabel: w } = G(), {
+const se = (w) => {
+  const { getCurrentBreakpointProps: O } = J(w.defaultServerBreakpoint), { getLabel: y } = Q(), {
     id: r,
     children: g,
-    className: O,
-    openText: y = w("open"),
-    closeText: b = w("close"),
-    hideCollapseText: x = !1,
-    title: N,
+    className: P,
+    openText: b = y("open"),
+    closeText: x = y("close"),
+    hideCollapseText: $ = !1,
+    title: c,
     titleRowProps: B,
     defaultOpen: S,
-    open: c,
-    onToggle: d,
-    arrowType: i = "default",
-    size: n = "default",
+    open: d,
+    onToggle: p,
+    arrowType: n = "default",
+    size: i = "default",
     underline: T = !0,
-    toggleLabel: C,
-    ...j
-  } = $(f), p = `${r}__trigger`, m = `${r}__content`, D = `${r}__animate`, [v, L] = h.useState(() => S), u = q(), l = h.useMemo(
-    () => u || (c !== void 0 ? c : v),
-    [u, c, v]
-  ), M = o(
+    toggleLabel: N,
+    iconOnly: j = !1,
+    ...D
+  } = O(w), m = `${r}__trigger`, u = `${r}__content`, L = `${r}__animate`, [C, M] = f.useState(() => S), _ = G(), a = f.useMemo(
+    () => _ || (d !== void 0 ? d : C),
+    [_, d, C]
+  ), R = j === !0 && !c, z = o(
     e["tedi-collapse"],
-    n === "small" && e["tedi-collapse--small"],
-    l && e["tedi-collapse--is-open"],
-    x && e["tedi-collapse--icon-only"],
-    e[`tedi-collapse--arrow-${i}`],
-    O
-  ), k = () => {
-    const a = !l;
-    L(a), d == null || d(a);
-  }, R = (a) => {
-    (a.key === "Enter" || a.key === " ") && !a.repeat && (a.preventDefault(), k());
-  }, z = C || (l ? b : y), I = h.useMemo(
-    () => /* @__PURE__ */ t("div", { id: m, role: "region", "aria-labelledby": p, className: e["tedi-collapse__content"], children: g }),
-    [g, m, p]
+    i === "small" && e["tedi-collapse--small"],
+    a && e["tedi-collapse--is-open"],
+    R && e["tedi-collapse--icon-only"],
+    e[`tedi-collapse--arrow-${n}`],
+    P
+  ), v = () => {
+    const l = !a;
+    M(l), p == null || p(l);
+  }, E = (l) => {
+    (l.key === "Enter" || l.key === " ") && !l.repeat && (l.preventDefault(), v());
+  }, K = N || (a ? x : b), I = f.useMemo(
+    () => /* @__PURE__ */ t("div", { id: u, role: "region", "aria-labelledby": m, className: e["tedi-collapse__content"], children: g }),
+    [g, u, m]
   );
-  return /* @__PURE__ */ _("div", { "data-name": "collapse", ...j, className: M, children: [
+  return /* @__PURE__ */ h("div", { "data-name": "collapse", ...D, className: z, children: [
     /* @__PURE__ */ t(
       "button",
       {
-        id: p,
+        id: m,
         type: "button",
         "data-name": "collapse-trigger",
         className: e["tedi-collapse__title"],
-        "aria-label": z,
-        "aria-expanded": l,
-        "aria-controls": m,
-        onKeyDown: R,
-        onClick: k,
-        children: /* @__PURE__ */ _(P, { justifyContent: "between", alignItems: "center", wrap: "nowrap", ...B, element: "span", children: [
-          N && /* @__PURE__ */ t(s, { "aria-hidden": "true", children: N }),
-          /* @__PURE__ */ t(s, { width: "auto", children: /* @__PURE__ */ _(P, { element: "span", alignItems: "center", gutter: 0, wrap: "nowrap", children: [
-            /* @__PURE__ */ t(H, { visibility: "hide", children: /* @__PURE__ */ t(s, { width: "auto", className: o({ "visually-hidden": x }), children: /* @__PURE__ */ t(
-              A,
+        "aria-label": K,
+        "aria-expanded": a,
+        "aria-controls": u,
+        onKeyDown: E,
+        onClick: v,
+        children: /* @__PURE__ */ h(k, { justifyContent: "between", alignItems: "center", wrap: "nowrap", ...B, element: "span", children: [
+          c && /* @__PURE__ */ t(s, { "aria-hidden": "true", children: c }),
+          /* @__PURE__ */ t(s, { width: "auto", children: /* @__PURE__ */ h(k, { element: "span", alignItems: "center", gutter: 0, wrap: "nowrap", children: [
+            /* @__PURE__ */ t(F, { visibility: "hide", children: /* @__PURE__ */ t(s, { width: "auto", className: o({ "visually-hidden": $ }), children: /* @__PURE__ */ t(
+              q,
               {
                 element: "span",
                 className: o(e["tedi-collapse__text"], {
                   [e["tedi-collapse__text--underline"]]: T
                 }),
-                children: l ? b : y
+                children: a ? x : b
               }
             ) }) }),
             /* @__PURE__ */ t(s, { width: "auto", children: /* @__PURE__ */ t(
@@ -79,19 +80,19 @@ const ie = (f) => {
               {
                 className: o(
                   e["tedi-collapse__icon-wrapper"],
-                  e[`tedi-collapse__icon-wrapper--${i}`],
-                  n === "small" && e["tedi-collapse__icon-wrapper--small"]
+                  e[`tedi-collapse__icon-wrapper--${n}`],
+                  i === "small" && e["tedi-collapse__icon-wrapper--small"]
                 ),
                 children: /* @__PURE__ */ t(
-                  K,
+                  H,
                   {
                     className: o(
                       e["tedi-collapse__icon"],
-                      e[`tedi-collapse__icon--${i}`],
-                      n === "small" && e["tedi-collapse__icon--small"]
+                      e[`tedi-collapse__icon--${n}`],
+                      i === "small" && e["tedi-collapse__icon--small"]
                     ),
                     name: "expand_more",
-                    size: n === "small" || i === "secondary" ? 18 : 24
+                    size: i === "small" || n === "secondary" ? 18 : 24
                   }
                 )
               }
@@ -100,10 +101,10 @@ const ie = (f) => {
         ] })
       }
     ),
-    u ? I : /* @__PURE__ */ t(E, { id: D, duration: 300, height: l ? "auto" : 0, "data-testid": "collapse-inner", children: I })
+    _ ? I : /* @__PURE__ */ t(A, { id: L, duration: 300, height: a ? "auto" : 0, "data-testid": "collapse-inner", children: I })
   ] });
 };
 export {
-  ie as Collapse,
-  ie as default
+  se as Collapse,
+  se as default
 };

package/src/tedi/components/content/label/label.d.ts

@@ -32,5 +32,5 @@ export interface LabelProps extends BreakpointSupport<LabelBreakpointProps>, Lab
      */
     tooltip?: string;
 }
-export declare const Label: import('react').ForwardRefExoticComponent<LabelProps & import('react').RefAttributes<HTMLSpanElement | HTMLLabelElement>>;
+export declare const Label: import('react').ForwardRefExoticComponent<LabelProps & import('react').RefAttributes<HTMLLabelElement | HTMLSpanElement>>;
 export {};

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-textfield":"tedi-textfield-376bbeed","tedi-textfield__inner":"tedi-textfield__inner-98791cdd","tedi-textfield__input":"tedi-textfield__input-ade0f9a6","tedi-textfield--invalid":"tedi-textfield--invalid-290ce18d","tedi-textfield--valid":"tedi-textfield--valid-273af8c0","tedi-textfield--clearable":"tedi-textfield--clearable-f47f0508","tedi-textfield--with-icon":"tedi-textfield--with-icon-db2c6f01","textfield--with-icon":"textfield--with-icon-d23a33f0","tedi-textfield__input--hidden-arrows":"tedi-textfield__input--hidden-arrows-609217f7","tedi-textfield__right-area":"tedi-textfield__right-area-6ac81c6b","tedi-textfield--small":"tedi-textfield--small-4ffcc517","tedi-textfield--large":"tedi-textfield--large-0e4d788c","tedi-textfield__separator":"tedi-textfield__separator-63d1ba14","tedi-textfield__icon-wrapper":"tedi-textfield__icon-wrapper-4935814e","tedi-textfield--inline":"tedi-textfield--inline-7ed55c4e","tedi-textfield__icon":"tedi-textfield__icon-05d4adc8","tedi-textfield__feedback-wrapper":"tedi-textfield__feedback-wrapper-9d47f9c6"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-textfield":"tedi-textfield-376bbeed","tedi-textfield__inner":"tedi-textfield__inner-98791cdd","tedi-textfield__input":"tedi-textfield__input-ade0f9a6","tedi-textfield--invalid":"tedi-textfield--invalid-290ce18d","tedi-textfield--valid":"tedi-textfield--valid-273af8c0","tedi-textfield--clearable":"tedi-textfield--clearable-f47f0508","tedi-textfield--with-icon":"tedi-textfield--with-icon-db2c6f01","tedi-textfield__input--hidden-arrows":"tedi-textfield__input--hidden-arrows-609217f7","tedi-textfield__right-area":"tedi-textfield__right-area-6ac81c6b","tedi-textfield--small":"tedi-textfield--small-4ffcc517","tedi-textfield--large":"tedi-textfield--large-0e4d788c","tedi-textfield__separator":"tedi-textfield__separator-63d1ba14","tedi-textfield__icon-wrapper":"tedi-textfield__icon-wrapper-4935814e","tedi-textfield--inline":"tedi-textfield--inline-7ed55c4e","tedi-textfield__icon":"tedi-textfield__icon-05d4adc8","tedi-textfield__feedback-wrapper":"tedi-textfield__feedback-wrapper-9d47f9c6"};exports.default=e;

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

@@ -6,7 +6,6 @@ const e = {
   "tedi-textfield--valid": "tedi-textfield--valid-273af8c0",
   "tedi-textfield--clearable": "tedi-textfield--clearable-f47f0508",
   "tedi-textfield--with-icon": "tedi-textfield--with-icon-db2c6f01",
-  "textfield--with-icon": "textfield--with-icon-d23a33f0",
   "tedi-textfield__input--hidden-arrows": "tedi-textfield__input--hidden-arrows-609217f7",
   "tedi-textfield__right-area": "tedi-textfield__right-area-6ac81c6b",
   "tedi-textfield--small": "tedi-textfield--small-4ffcc517",

package/src/tedi/components/layout/sidenav/components/sidenav-mobile/sidenav-mobile.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),U=require("../../../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),l=require("../../../../../../../external/classnames/index.cjs.js"),C=require("react"),d=require("../../../../base/icon/icon.cjs.js"),_=require("../../../../buttons/button/button.cjs.js"),t=require("../../sidenav.module.scss.cjs.js"),L=require("../sidenav-item/sidenav-item.cjs.js"),D=require("../../../../../providers/label-provider/use-labels.cjs.js"),E=({navItems:q,ariaLabel:y,linkAs:m,isOpen:M,onClose:r,showOverlay:w=!0,id:B,className:G})=>{var N,j,k,g,p,I,S;const{getLabel:v}=D.useLabels(),[s,u]=C.useState([{items:q}]),a=s[s.length-1],P=s.length===1,f=e=>{var h;const i=!!(e.subItems||e.subItemGroups),c=!!(e.href||e.to);if(!i){r();return}const o=((h=e.subItemGroups)==null?void 0:h.flatMap(H=>H.subItems))||e.subItems||[];u([...s,{items:o,parent:e,renderParentLink:c}])},R=()=>{u(s.slice(0,-1))},T=()=>{u([s[0]])},z=((j=(N=a.parent)==null?void 0:N.subItems)==null?void 0:j.length)??((g=(k=a.parent)==null?void 0:k.subItemGroups)==null?void 0:g.length),F=s.length>1&&!(a.renderParentLink&&z),b=(e,i)=>i===1?!(e.subItems||e.subItemGroups)?n.jsx(L.SideNavItem,{...e,as:m,level:i,onItemClick:r,className:l.default(t.default["tedi-sidenav__item--mobile"],e.className)}):n.jsx("li",{className:l.default(t.default["tedi-sidenav__item"],t.default["tedi-sidenav__item--mobile"]),children:n.jsxs("button",{onClick:()=>f(e),className:t.default["tedi-sidenav__link"],children:[e.icon&&n.jsx(d.Icon,{name:typeof e.icon=="string"?e.icon:e.icon.name,color:"white",className:t.default["tedi-sidenav__icon"]}),n.jsx("span",{className:t.default["tedi-sidenav__title"],children:e.children}),n.jsx(d.Icon,{name:"expand_more",color:"white",className:t.default["tedi-sidenav__toggle-icon"]})]})}):O(e,i),O=(e,i)=>{const c=!!(e.href||e.to),o=!!(e.subItems||e.subItemGroups);return c?n.jsx(L.SideNavItem,{...e,as:m,level:i,icon:void 0,onItemClick:r,className:l.default(t.default["tedi-sidenav__sub-item"],e.className)}):n.jsx("li",{className:l.default(t.default["tedi-sidenav__item"]),children:n.jsxs(_.Button,{noStyle:!0,onClick:()=>o?f(e):r(),className:t.default["tedi-sidenav__link"],children:[n.jsx("span",{className:t.default["tedi-sidenav__title"],children:e.children}),o?n.jsx(d.Icon,{name:"expand_more",color:"white",className:t.default["tedi-sidenav__toggle-icon"]}):null]})})},x=n.jsxs("nav",{"data-name":"mobile-sidenav",className:l.default(t.default["tedi-sidenav"],t.default["tedi-sidenav--mobile"],G),"aria-label":y,id:B,children:[n.jsx("div",{className:t.default["tedi-sidenav__list"],children:!P&&n.jsxs("div",{className:t.default["tedi-sidenav__back-buttons"],children:[s.length>1&&n.jsxs(_.Button,{noStyle:!0,onClick:T,className:l.default(t.default["tedi-sidenav__link"],t.default["tedi-sidenav__back-button"]),children:[n.jsx(d.Icon,{name:"arrow_back",size:16,color:"white"}),n.jsx("span",{children:v("sidenav.backToMainMenu")})]}),s.length>2&&n.jsxs(_.Button,{noStyle:!0,onClick:R,className:l.default(t.default["tedi-sidenav__link"],t.default["tedi-sidenav__back-button"]),children:[n.jsx(d.Icon,{name:"arrow_back",size:16,color:"white"}),n.jsx("span",{children:((I=(p=s[s.length-1])==null?void 0:p.parent)==null?void 0:I.children)+" "+v("sidenav.backtoMenu")})]})]})}),F&&n.jsx("div",{className:l.default(t.default["tedi-sidenav__subheading"],t.default["tedi-sidenav__subheading--mobile"]),children:(S=a.parent)==null?void 0:S.children}),n.jsxs("ul",{className:t.default["tedi-sidenav__list"],role:"menubar",children:[a.renderParentLink&&a.parent&&n.jsx("li",{className:t.default["tedi-sidenav__list-item"],children:n.jsx("div",{className:l.default(t.default["tedi-sidenav__collapse"]),children:b(a.parent,s.length)})}),!a.renderParentLink&&a.items.map((e,i)=>n.jsx(C.Fragment,{children:b(e,s.length)},e.id||i))]})]});return M?w?n.jsx(U.FloatingOverlay,{style:{top:"0",position:"relative",height:"100%"},className:t.default["tedi-sidenav__overlay"],children:x}):x:null};exports.SideNavMobile=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),H=require("../../../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),l=require("../../../../../../../external/classnames/index.cjs.js"),m=require("react"),d=require("../../../../base/icon/icon.cjs.js"),f=require("../../../../buttons/button/button.cjs.js"),n=require("../../sidenav.module.scss.cjs.js"),q=require("../sidenav-item/sidenav-item.cjs.js"),U=require("../../../../../providers/label-provider/use-labels.cjs.js"),D=({navItems:h,ariaLabel:y,linkAs:v,isOpen:M,onClose:r,showOverlay:w=!0,id:B,className:G})=>{var k,g,p,I,S,C,L;const{getLabel:b}=U.useLabels(),[s,c]=m.useState([{items:h}]);m.useEffect(()=>{c([{items:h}])},[h]);const a=s[s.length-1],P=s.length===1,x=e=>{var _;const i=!!(e.subItems||e.subItemGroups),o=!!(e.href||e.to);if(!i){r();return}const u=((_=e.subItemGroups)==null?void 0:_.flatMap(E=>E.subItems))||e.subItems||[];c([...s,{items:u,parent:e,renderParentLink:o}])},R=()=>{c(s.slice(0,-1))},T=()=>{c([s[0]])},z=((g=(k=a.parent)==null?void 0:k.subItems)==null?void 0:g.length)??((I=(p=a.parent)==null?void 0:p.subItemGroups)==null?void 0:I.length),F=s.length>1&&!(a.renderParentLink&&z),N=(e,i)=>i===1?!(e.subItems||e.subItemGroups)?t.jsx(q.SideNavItem,{...e,as:v,level:i,onItemClick:r,className:l.default(n.default["tedi-sidenav__item--mobile"],e.className)}):t.jsx("li",{className:l.default(n.default["tedi-sidenav__item"],n.default["tedi-sidenav__item--mobile"]),children:t.jsxs("button",{onClick:()=>x(e),className:n.default["tedi-sidenav__link"],children:[e.icon&&t.jsx(d.Icon,{name:typeof e.icon=="string"?e.icon:e.icon.name,color:"white",className:n.default["tedi-sidenav__icon"]}),t.jsx("span",{className:n.default["tedi-sidenav__title"],children:e.children}),t.jsx(d.Icon,{name:"expand_more",color:"white",className:n.default["tedi-sidenav__toggle-icon"]})]})}):O(e,i),O=(e,i)=>{const o=!!(e.href||e.to),u=!!(e.subItems||e.subItemGroups);return o?t.jsx(q.SideNavItem,{...e,as:v,level:i,icon:void 0,onItemClick:r,className:l.default(n.default["tedi-sidenav__sub-item"],e.className)}):t.jsx("li",{className:l.default(n.default["tedi-sidenav__item"]),children:t.jsxs(f.Button,{noStyle:!0,onClick:()=>u?x(e):r(),className:n.default["tedi-sidenav__link"],children:[t.jsx("span",{className:n.default["tedi-sidenav__title"],children:e.children}),u?t.jsx(d.Icon,{name:"expand_more",color:"white",className:n.default["tedi-sidenav__toggle-icon"]}):null]})})},j=t.jsxs("nav",{"data-name":"mobile-sidenav",className:l.default(n.default["tedi-sidenav"],n.default["tedi-sidenav--mobile"],G),"aria-label":y,id:B,children:[t.jsx("div",{className:n.default["tedi-sidenav__list"],children:!P&&t.jsxs("div",{className:n.default["tedi-sidenav__back-buttons"],children:[s.length>1&&t.jsxs(f.Button,{noStyle:!0,onClick:T,className:l.default(n.default["tedi-sidenav__link"],n.default["tedi-sidenav__back-button"]),children:[t.jsx(d.Icon,{name:"arrow_back",size:16,color:"white"}),t.jsx("span",{children:b("sidenav.backToMainMenu")})]}),s.length>2&&t.jsxs(f.Button,{noStyle:!0,onClick:R,className:l.default(n.default["tedi-sidenav__link"],n.default["tedi-sidenav__back-button"]),children:[t.jsx(d.Icon,{name:"arrow_back",size:16,color:"white"}),t.jsx("span",{children:((C=(S=s[s.length-1])==null?void 0:S.parent)==null?void 0:C.children)+" "+b("sidenav.backtoMenu")})]})]})}),F&&t.jsx("div",{className:l.default(n.default["tedi-sidenav__subheading"],n.default["tedi-sidenav__subheading--mobile"]),children:(L=a.parent)==null?void 0:L.children}),t.jsxs("ul",{className:n.default["tedi-sidenav__list"],role:"menubar",children:[a.renderParentLink&&a.parent&&t.jsx("li",{className:n.default["tedi-sidenav__list-item"],children:t.jsx("div",{className:l.default(n.default["tedi-sidenav__collapse"]),children:N(a.parent,s.length)})}),!a.renderParentLink&&a.items.map((e,i)=>t.jsx(m.Fragment,{children:N(e,s.length)},e.id||i))]})]});return M?w?t.jsx(H.FloatingOverlay,{style:{top:"0",position:"relative",height:"100%"},className:n.default["tedi-sidenav__overlay"],children:j}):j:null};exports.SideNavMobile=D;

package/src/tedi/components/layout/sidenav/components/sidenav-mobile/sidenav-mobile.es.js

@@ -1,53 +1,57 @@
 import { jsxs as r, jsx as i } from "react/jsx-runtime";
-import { FloatingOverlay as D } from "../../../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
+import { FloatingOverlay as q } from "../../../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
 import l from "../../../../../../../external/classnames/index.es.js";
-import E, { useState as J } from "react";
+import D, { useState as J, useEffect as K } from "react";
 import { Icon as d } from "../../../../base/icon/icon.es.js";
-import { Button as u } from "../../../../buttons/button/button.es.js";
+import { Button as v } from "../../../../buttons/button/button.es.js";
 import n from "../../sidenav.module.scss.es.js";
-import { SideNavItem as w } from "../sidenav-item/sidenav-item.es.js";
-import { useLabels as K } from "../../../../../providers/label-provider/use-labels.es.js";
-const ee = ({
-  navItems: M,
+import { SideNavItem as M } from "../sidenav-item/sidenav-item.es.js";
+import { useLabels as Q } from "../../../../../providers/label-provider/use-labels.es.js";
+const ne = ({
+  navItems: _,
   ariaLabel: x,
-  linkAs: v,
+  linkAs: b,
   isOpen: G,
   onClose: o,
   showOverlay: P = !0,
   id: R,
   className: B
 }) => {
-  var g, f, I, C, L, S, y;
-  const { getLabel: b } = K(), [s, h] = J([{ items: M }]), t = s[s.length - 1], j = s.length === 1, p = (e) => {
-    var _;
-    const a = !!(e.subItems || e.subItemGroups), c = !!(e.href || e.to);
+  var f, I, C, L, S, y, w;
+  const { getLabel: p } = Q(), [s, c] = J([{ items: _ }]);
+  K(() => {
+    c([{ items: _ }]);
+  }, [_]);
+  const t = s[s.length - 1], j = s.length === 1, k = (e) => {
+    var u;
+    const a = !!(e.subItems || e.subItemGroups), m = !!(e.href || e.to);
     if (!a) {
       o();
       return;
     }
-    const m = ((_ = e.subItemGroups) == null ? void 0 : _.flatMap((q) => q.subItems)) || e.subItems || [];
-    h([
+    const h = ((u = e.subItemGroups) == null ? void 0 : u.flatMap((O) => O.subItems)) || e.subItems || [];
+    c([
       ...s,
       {
-        items: m,
+        items: h,
         parent: e,
-        renderParentLink: c
+        renderParentLink: m
       }
     ]);
   }, z = () => {
-    h(s.slice(0, -1));
+    c(s.slice(0, -1));
   }, F = () => {
-    h([s[0]]);
-  }, T = ((f = (g = t.parent) == null ? void 0 : g.subItems) == null ? void 0 : f.length) ?? ((C = (I = t.parent) == null ? void 0 : I.subItemGroups) == null ? void 0 : C.length), H = s.length > 1 && !(t.renderParentLink && T), k = (e, a) => a === 1 ? !(e.subItems || e.subItemGroups) ? /* @__PURE__ */ i(
-    w,
+    c([s[0]]);
+  }, T = ((I = (f = t.parent) == null ? void 0 : f.subItems) == null ? void 0 : I.length) ?? ((L = (C = t.parent) == null ? void 0 : C.subItemGroups) == null ? void 0 : L.length), E = s.length > 1 && !(t.renderParentLink && T), N = (e, a) => a === 1 ? !(e.subItems || e.subItemGroups) ? /* @__PURE__ */ i(
+    M,
     {
       ...e,
-      as: v,
+      as: b,
       level: a,
       onItemClick: o,
       className: l(n["tedi-sidenav__item--mobile"], e.className)
     }
-  ) : /* @__PURE__ */ i("li", { className: l(n["tedi-sidenav__item"], n["tedi-sidenav__item--mobile"]), children: /* @__PURE__ */ r("button", { onClick: () => p(e), className: n["tedi-sidenav__link"], children: [
+  ) : /* @__PURE__ */ i("li", { className: l(n["tedi-sidenav__item"], n["tedi-sidenav__item--mobile"]), children: /* @__PURE__ */ r("button", { onClick: () => k(e), className: n["tedi-sidenav__link"], children: [
     e.icon && /* @__PURE__ */ i(
       d,
       {
@@ -58,31 +62,31 @@ const ee = ({
     ),
     /* @__PURE__ */ i("span", { className: n["tedi-sidenav__title"], children: e.children }),
     /* @__PURE__ */ i(d, { name: "expand_more", color: "white", className: n["tedi-sidenav__toggle-icon"] })
-  ] }) }) : O(e, a), O = (e, a) => {
-    const c = !!(e.href || e.to), m = !!(e.subItems || e.subItemGroups);
-    return c ? /* @__PURE__ */ i(
-      w,
+  ] }) }) : H(e, a), H = (e, a) => {
+    const m = !!(e.href || e.to), h = !!(e.subItems || e.subItemGroups);
+    return m ? /* @__PURE__ */ i(
+      M,
       {
         ...e,
-        as: v,
+        as: b,
         level: a,
         icon: void 0,
         onItemClick: o,
         className: l(n["tedi-sidenav__sub-item"], e.className)
       }
     ) : /* @__PURE__ */ i("li", { className: l(n["tedi-sidenav__item"]), children: /* @__PURE__ */ r(
-      u,
+      v,
       {
         noStyle: !0,
-        onClick: () => m ? p(e) : o(),
+        onClick: () => h ? k(e) : o(),
         className: n["tedi-sidenav__link"],
         children: [
           /* @__PURE__ */ i("span", { className: n["tedi-sidenav__title"], children: e.children }),
-          m ? /* @__PURE__ */ i(d, { name: "expand_more", color: "white", className: n["tedi-sidenav__toggle-icon"] }) : null
+          h ? /* @__PURE__ */ i(d, { name: "expand_more", color: "white", className: n["tedi-sidenav__toggle-icon"] }) : null
         ]
       }
     ) });
-  }, N = /* @__PURE__ */ r(
+  }, g = /* @__PURE__ */ r(
     "nav",
     {
       "data-name": "mobile-sidenav",
@@ -92,40 +96,40 @@ const ee = ({
       children: [
         /* @__PURE__ */ i("div", { className: n["tedi-sidenav__list"], children: !j && /* @__PURE__ */ r("div", { className: n["tedi-sidenav__back-buttons"], children: [
           s.length > 1 && /* @__PURE__ */ r(
-            u,
+            v,
             {
               noStyle: !0,
               onClick: F,
               className: l(n["tedi-sidenav__link"], n["tedi-sidenav__back-button"]),
               children: [
                 /* @__PURE__ */ i(d, { name: "arrow_back", size: 16, color: "white" }),
-                /* @__PURE__ */ i("span", { children: b("sidenav.backToMainMenu") })
+                /* @__PURE__ */ i("span", { children: p("sidenav.backToMainMenu") })
               ]
             }
           ),
           s.length > 2 && /* @__PURE__ */ r(
-            u,
+            v,
             {
               noStyle: !0,
               onClick: z,
               className: l(n["tedi-sidenav__link"], n["tedi-sidenav__back-button"]),
               children: [
                 /* @__PURE__ */ i(d, { name: "arrow_back", size: 16, color: "white" }),
-                /* @__PURE__ */ i("span", { children: ((S = (L = s[s.length - 1]) == null ? void 0 : L.parent) == null ? void 0 : S.children) + " " + b("sidenav.backtoMenu") })
+                /* @__PURE__ */ i("span", { children: ((y = (S = s[s.length - 1]) == null ? void 0 : S.parent) == null ? void 0 : y.children) + " " + p("sidenav.backtoMenu") })
               ]
             }
           )
         ] }) }),
-        H && /* @__PURE__ */ i("div", { className: l(n["tedi-sidenav__subheading"], n["tedi-sidenav__subheading--mobile"]), children: (y = t.parent) == null ? void 0 : y.children }),
+        E && /* @__PURE__ */ i("div", { className: l(n["tedi-sidenav__subheading"], n["tedi-sidenav__subheading--mobile"]), children: (w = t.parent) == null ? void 0 : w.children }),
         /* @__PURE__ */ r("ul", { className: n["tedi-sidenav__list"], role: "menubar", children: [
-          t.renderParentLink && t.parent && /* @__PURE__ */ i("li", { className: n["tedi-sidenav__list-item"], children: /* @__PURE__ */ i("div", { className: l(n["tedi-sidenav__collapse"]), children: k(t.parent, s.length) }) }),
-          !t.renderParentLink && t.items.map((e, a) => /* @__PURE__ */ i(E.Fragment, { children: k(e, s.length) }, e.id || a))
+          t.renderParentLink && t.parent && /* @__PURE__ */ i("li", { className: n["tedi-sidenav__list-item"], children: /* @__PURE__ */ i("div", { className: l(n["tedi-sidenav__collapse"]), children: N(t.parent, s.length) }) }),
+          !t.renderParentLink && t.items.map((e, a) => /* @__PURE__ */ i(D.Fragment, { children: N(e, s.length) }, e.id || a))
         ] })
       ]
     }
   );
   return G ? P ? /* @__PURE__ */ i(
-    D,
+    q,
     {
       style: {
         top: "0",
@@ -133,10 +137,10 @@ const ee = ({
         height: "100%"
       },
       className: n["tedi-sidenav__overlay"],
-      children: N
+      children: g
     }
-  ) : N : null;
+  ) : g : null;
 };
 export {
-  ee as SideNavMobile
+  ne as SideNavMobile
 };

package/src/tedi/components/misc/scroll-visibility/scroll-visibility.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const D=require("react/jsx-runtime"),h=require("../../../../../external/classnames/index.cjs.js"),l=require("react"),V=require("../../../helpers/hooks/use-scroll.cjs.js"),f=require("./scroll-visibility.module.scss.cjs.js"),y=v=>{const{children:t,enabled:s=!0,className:g,visibility:u="hide",toggleVisibility:b=!1,scrollDistance:r=100,scrollDirection:o="down",scrollContainer:w,animationDirection:p="center"}=v,{scrollTop:e,scrollHeight:c,clientHeight:n}=V.useScroll(w),[q,d]=l.useState(()=>{if(!s)return!1;const i=o==="down"?e:c-n-e;return u==="hide"?i>r:i<=r}),S=l.useRef(o==="down"?e:c-n-e);l.useEffect(()=>{if(!s)return;const i=u==="show",a=o==="down"?e:c-n-e;b&&a<S.current?d(i):a>r?d(!i):d(i),S.current=a},[u,b,r,e,s,o,c,n]);const m=h.default(f.default["tedi-scroll-visibility"],f.default[`tedi-scroll-visibility--${p}`],{[f.default["tedi-scroll-visibility--hidden"]]:s&&q},g);return l.isValidElement(t)?l.cloneElement(t,{className:h.default(t.props.className,m)}):D.jsx("div",{className:m,children:t})};exports.ScrollVisibility=y;exports.default=y;
+"use client";
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const M=require("react/jsx-runtime"),v=require("../../../../../external/classnames/index.cjs.js"),t=require("react"),V=require("../../../helpers/hooks/use-scroll.cjs.js"),b=require("./scroll-visibility.module.scss.cjs.js"),g=w=>{const{children:l,enabled:o=!0,className:H,visibility:n="hide",toggleVisibility:h=!1,scrollDistance:c=100,scrollDirection:u="down",scrollContainer:p,animationDirection:q="center"}=w,[d,D]=t.useState(!1),{scrollTop:i=0,scrollHeight:a=0,clientHeight:f=0}=V.useScroll(p)??{},[E,m]=t.useState(!1),S=t.useRef(0);t.useEffect(()=>{if(D(!0),!o)return;const e=u==="down"?i:a-f-i,s=n==="hide"?e>c:e<=c;m(s),S.current=e},[]),t.useEffect(()=>{if(!d||!o)return;const e=n==="show",s=u==="down"?i:a-f-i;let r;h&&s<S.current?r=e:s>c?r=!e:r=e,m(r),S.current=s},[d,o,n,h,c,i,u,a,f]);const y=v.default(b.default["tedi-scroll-visibility"],b.default[`tedi-scroll-visibility--${q}`],{[b.default["tedi-scroll-visibility--hidden"]]:d&&o&&E},H);return t.isValidElement(l)?t.cloneElement(l,{className:v.default(l.props.className,y)}):M.jsx("div",{className:y,children:l})};exports.ScrollVisibility=g;exports.default=g;

package/src/tedi/components/misc/scroll-visibility/scroll-visibility.es.js

@@ -1,40 +1,52 @@
-import { jsx as D } from "react/jsx-runtime";
-import h from "../../../../../external/classnames/index.es.js";
-import { useState as N, useRef as g, useEffect as E, cloneElement as H, isValidElement as V } from "react";
-import { useScroll as x } from "../../../helpers/hooks/use-scroll.es.js";
-import m from "./scroll-visibility.module.scss.es.js";
-const M = (b) => {
+"use client";
+import { jsx as M } from "react/jsx-runtime";
+import y from "../../../../../external/classnames/index.es.js";
+import { useState as S, useRef as V, useEffect as w, cloneElement as x, isValidElement as I } from "react";
+import { useScroll as T } from "../../../helpers/hooks/use-scroll.es.js";
+import f from "./scroll-visibility.module.scss.es.js";
+const k = (H) => {
   const {
-    children: s,
-    enabled: t = !0,
-    className: y,
+    children: t,
+    enabled: l = !0,
+    className: v,
     visibility: n = "hide",
-    toggleVisibility: f = !1,
-    scrollDistance: l = 100,
-    scrollDirection: o = "down",
-    scrollContainer: S,
-    animationDirection: w = "center"
-  } = b, { scrollTop: e, scrollHeight: r, clientHeight: c } = x(S), [v, a] = N(() => {
-    if (!t) return !1;
-    const i = o === "down" ? e : r - c - e;
-    return n === "hide" ? i > l : i <= l;
-  }), u = g(o === "down" ? e : r - c - e);
-  E(() => {
-    if (!t) return;
-    const i = n === "show", d = o === "down" ? e : r - c - e;
-    f && d < u.current ? a(i) : d > l ? a(!i) : a(i), u.current = d;
-  }, [n, f, l, e, t, o, r, c]);
-  const p = h(
-    m["tedi-scroll-visibility"],
-    m[`tedi-scroll-visibility--${w}`],
+    toggleVisibility: h = !1,
+    scrollDistance: o = 100,
+    scrollDirection: c = "down",
+    scrollContainer: D,
+    animationDirection: N = "center"
+  } = H, [d, g] = S(!1), { scrollTop: s = 0, scrollHeight: a = 0, clientHeight: u = 0 } = T(D) ?? {}, [E, p] = S(!1), m = V(0);
+  w(() => {
+    if (g(!0), !l) return;
+    const e = c === "down" ? s : a - u - s, i = n === "hide" ? e > o : e <= o;
+    p(i), m.current = e;
+  }, []), w(() => {
+    if (!d || !l) return;
+    const e = n === "show", i = c === "down" ? s : a - u - s;
+    let r;
+    h && i < m.current ? r = e : i > o ? r = !e : r = e, p(r), m.current = i;
+  }, [
+    d,
+    l,
+    n,
+    h,
+    o,
+    s,
+    c,
+    a,
+    u
+  ]);
+  const b = y(
+    f["tedi-scroll-visibility"],
+    f[`tedi-scroll-visibility--${N}`],
     {
-      [m["tedi-scroll-visibility--hidden"]]: t && v
+      [f["tedi-scroll-visibility--hidden"]]: d && l && E
     },
-    y
+    v
   );
-  return V(s) ? H(s, { className: h(s.props.className, p) }) : /* @__PURE__ */ D("div", { className: p, children: s });
+  return I(t) ? x(t, { className: y(t.props.className, b) }) : /* @__PURE__ */ M("div", { className: b, children: t });
 };
 export {
-  M as ScrollVisibility,
-  M as default
+  k as ScrollVisibility,
+  k as default
 };

package/src/tedi/helpers/hooks/use-scroll.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../external/lodash-es/throttle.cjs.js"),o=require("react"),n=l=>{const e=l??document.documentElement,[c,r]=o.useState({scrollTop:e.scrollTop,scrollHeight:e.scrollHeight,clientHeight:e.clientHeight});return o.useEffect(()=>{const t=s.default(()=>{r({scrollTop:e.scrollTop,scrollHeight:e.scrollHeight,clientHeight:e.clientHeight})},50);return(l??window).addEventListener("scroll",t),t(),()=>{(l??window).removeEventListener("scroll",t),t.cancel()}},[e,l]),c};exports.useScroll=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../../external/lodash-es/throttle.cjs.js"),r=require("react"),u={scrollTop:0,scrollHeight:0,clientHeight:0},a=t=>{const[s,n]=r.useState(u);return r.useEffect(()=>{const e=t??document.documentElement,o=t??window,c=()=>{n({scrollTop:e.scrollTop,scrollHeight:e.scrollHeight,clientHeight:e.clientHeight})},l=i.default(c,50);return o.addEventListener("scroll",l),c(),()=>{o.removeEventListener("scroll",l),l.cancel()}},[t]),s};exports.useScroll=a;

package/src/tedi/helpers/hooks/use-scroll.d.ts

@@ -1,5 +1,7 @@
-export declare const useScroll: (element?: HTMLElement) => {
+type ScrollState = {
     scrollTop: number;
     scrollHeight: number;
     clientHeight: number;
 };
+export declare const useScroll: (element?: HTMLElement) => ScrollState;
+export {};

package/src/tedi/helpers/hooks/use-scroll.es.js

@@ -1,24 +1,24 @@
-import r from "../../../../external/lodash-es/throttle.es.js";
-import { useState as s, useEffect as i } from "react";
-const g = (o) => {
-  const l = o ?? document.documentElement, [e, c] = s({
-    scrollTop: l.scrollTop,
-    scrollHeight: l.scrollHeight,
-    clientHeight: l.clientHeight
-  });
-  return i(() => {
-    const t = r(() => {
-      c({
-        scrollTop: l.scrollTop,
-        scrollHeight: l.scrollHeight,
-        clientHeight: l.clientHeight
+import n from "../../../../external/lodash-es/throttle.es.js";
+import { useState as i, useEffect as g } from "react";
+const u = {
+  scrollTop: 0,
+  scrollHeight: 0,
+  clientHeight: 0
+}, a = (t) => {
+  const [r, s] = i(u);
+  return g(() => {
+    const o = t ?? document.documentElement, l = t ?? window, c = () => {
+      s({
+        scrollTop: o.scrollTop,
+        scrollHeight: o.scrollHeight,
+        clientHeight: o.clientHeight
       });
-    }, 50);
-    return (o ?? window).addEventListener("scroll", t), t(), () => {
-      (o ?? window).removeEventListener("scroll", t), t.cancel();
+    }, e = n(c, 50);
+    return l.addEventListener("scroll", e), c(), () => {
+      l.removeEventListener("scroll", e), e.cancel();
     };
-  }, [l, o]), e;
+  }, [t]), r;
 };
 export {
-  g as useScroll
+  a as useScroll
 };

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),i=require("react"),f=require("../../../tedi/helpers/hooks/use-element-size.cjs.js"),o=require("./ellipsis.module.scss.cjs.js"),g=require("../tooltip/tooltip-provider.cjs.js"),q=require("../tooltip/tooltip-trigger.cjs.js"),T=require("../tooltip/tooltip.cjs.js"),h=require("../card/card.cjs.js"),j=require("../card/card-content/card-content.cjs.js"),n=c=>{const{children:r,lineClamp:s=2,showTooltip:u=!0,...d}=c,e=i.useRef(null),[a,p]=i.useState(!1),m=f.useElementSize(e);i.useEffect(()=>{e.current&&p(e.current.scrollHeight>e.current.clientHeight)},[e,m]);const l=t.jsx("div",{"data-name":"ellipsis",...d,ref:e,className:o.default.ellipsis,style:{lineClamp:s,WebkitLineClamp:s},children:r});return a&&u?t.jsxs(g.TooltipProvider,{children:[t.jsx(q.TooltipTrigger,{children:l}),t.jsx(T.Tooltip,{children:t.jsx(h.Card,{borderless:!0,className:o.default.ellipsis__tooltip,children:t.jsx(j.CardContent,{padding:.75,children:r})})})]}):l};exports.Ellipsis=n;exports.default=n;

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

@@ -1,19 +0,0 @@
-import { default as React } from 'react';
-export interface EllipsisProps {
-    /**
-     * Any content
-     */
-    children: React.ReactNode;
-    /**
-     * What is max lines before Ellipsis
-     * @default 2
-     */
-    lineClamp?: number;
-    /**
-     * Render Ellipsis with Tooltip
-     * @default true
-     */
-    showTooltip?: boolean;
-}
-export declare const Ellipsis: (props: EllipsisProps) => JSX.Element;
-export default Ellipsis;