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

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

@@ -1,183 +1,179 @@
-import { jsx as a, jsxs as l, Fragment as M } from "react/jsx-runtime";
-import R, { useState as O, createElement as U } from "react";
-import o from "../../../../../../../external/classnames/index.es.js";
-import { Icon as P } from "../../../../base/icon/icon.es.js";
-import { Collapse as B } from "../../../../buttons/collapse/collapse.es.js";
-import { Link as T } from "../../../../navigation/link/link.es.js";
+import { jsx as i, jsxs as n, Fragment as D } from "react/jsx-runtime";
+import K, { useState as E, createElement as Q } from "react";
+import d from "../../../../../../../external/classnames/index.es.js";
+import { Icon as M } from "../../../../base/icon/icon.es.js";
+import { Collapse as O } from "../../../../content/collapse/collapse.es.js";
+import { Link as w } from "../../../../navigation/link/link.es.js";
 import e from "../../sidenav.module.scss.es.js";
-import { SideNavDropdown as V } from "../sidenav-dropdown/sidenav-dropdown.es.js";
-import { useLabels as X } from "../../../../../providers/label-provider/use-labels.es.js";
-import { Tooltip as f } from "../../../../overlays/tooltip/tooltip.es.js";
-const Y = (j) => {
+import { SideNavDropdown as U } from "../sidenav-dropdown/sidenav-dropdown.es.js";
+import { useLabels as V } from "../../../../../providers/label-provider/use-labels.es.js";
+import { Tooltip as g } from "../../../../overlays/tooltip/tooltip.es.js";
+const X = (B) => {
   const {
-    icon: s,
-    children: n,
-    isActive: b,
-    onClick: I,
-    subItems: y,
-    subItemGroups: z,
-    as: k,
+    icon: a,
+    children: t,
+    isActive: N,
+    onClick: f,
+    subItems: T,
+    subItemGroups: R,
+    as: b,
     onItemClick: h,
-    className: H,
-    level: c = 1,
+    className: j,
+    level: r = 1,
     isCollapsed: m = !1,
-    isDefaultOpen: K = !1,
-    sideNavItemSize: $ = "default",
+    isDefaultOpen: z = !1,
+    sideNavItemSize: H = "default",
     ..._
-  } = j, { getLabel: S } = X(), [r, D] = O(K ?? !1), [L, A] = O(!1), u = R.useId(), p = z ?? (y ? [{ subItems: y }] : null), d = !!p, F = c > 1 && d, G = o(
+  } = B, { getLabel: x } = V(), [o, $] = E(z ?? !1), [S, A] = E(!1), I = K.useId(), p = R ?? (T ? [{ subItems: T }] : null), l = !!p, F = r > 1 && l, G = d(
     e["tedi-sidenav__item"],
-    e[`tedi-sidenav__item--${$}`],
+    e[`tedi-sidenav__item--${H}`],
     {
-      [e[`tedi-sidenav__item--level-${c}`]]: c > 1,
-      [e["tedi-sidenav__item--current"]]: b,
-      [e["tedi-sidenav__item--has-children"]]: d,
+      [e[`tedi-sidenav__item--level-${r}`]]: r > 1,
+      [e["tedi-sidenav__item--current"]]: N,
+      [e["tedi-sidenav__item--has-children"]]: l,
       [e["tedi-sidenav__item--with-tree"]]: F
     },
-    H
-  ), v = (i) => {
-    const t = {
+    j
+  ), v = (s) => {
+    const c = {
       color: "white",
-      className: o(e["tedi-sidenav__icon"])
-    }, N = typeof i == "string" ? { ...t, name: i } : {
-      ...t,
-      ...i,
-      className: o(t.className, i == null ? void 0 : i.className)
+      className: d(e["tedi-sidenav__icon"])
+    }, u = typeof s == "string" ? { ...c, name: s } : {
+      ...c,
+      ...s,
+      className: d(c.className, s == null ? void 0 : s.className)
     };
-    return /* @__PURE__ */ a(P, { ...N });
-  }, W = (i) => {
-    I == null || I(i), d || h == null || h();
-  }, C = (i) => {
-    D(i);
-  }, q = (i) => {
-    (i.key === "Enter" || i.key === " ") && (i.preventDefault(), D((g) => {
-      const t = !g;
-      return C(t), t;
-    }));
-  }, J = d && (_.href || _.to), x = {
+    return /* @__PURE__ */ i(M, { ...u });
+  }, W = (s) => {
+    f == null || f(s), l || h == null || h();
+  }, L = (s) => {
+    $(s);
+  }, q = l && (_.href || _.to), C = {
     ..._,
-    as: k,
+    as: b,
     onClick: W,
-    className: o(e["tedi-sidenav__link"], J && e["tedi-sidenav__link--has-children-link"]),
+    className: d(e["tedi-sidenav__link"], q && e["tedi-sidenav__link--has-children-link"]),
     noStyle: !0,
     role: "menuitem",
-    "aria-current": b ? "page" : void 0,
-    "aria-label": m && typeof n == "string" ? n : void 0,
-    ...d ? {
+    "aria-current": N ? "page" : void 0,
+    "aria-label": m && typeof t == "string" ? t : void 0,
+    ...l ? {
       "aria-haspopup": "true",
-      "aria-expanded": r,
-      "aria-controls": u
+      "aria-expanded": o,
+      "aria-controls": I
     } : {}
-  }, w = () => !m && (p == null ? void 0 : p.map((i, g) => {
-    var t;
-    return /* @__PURE__ */ l("div", { children: [
-      (i == null ? void 0 : i.subHeading) && /* @__PURE__ */ a("div", { className: e["tedi-sidenav__subheading"], children: i.subHeading }),
-      /* @__PURE__ */ a("ul", { className: e["tedi-sidenav__list"], role: "menu", children: (t = i.subItems) == null ? void 0 : t.map((N, Q) => /* @__PURE__ */ U(
-        Y,
+  }, k = () => !m && (p == null ? void 0 : p.map((s, y) => {
+    var c;
+    return /* @__PURE__ */ n("div", { children: [
+      (s == null ? void 0 : s.subHeading) && /* @__PURE__ */ i("div", { className: e["tedi-sidenav__subheading"], children: s.subHeading }),
+      /* @__PURE__ */ i("ul", { className: e["tedi-sidenav__list"], role: "menu", children: (c = s.subItems) == null ? void 0 : c.map((u, J) => /* @__PURE__ */ Q(
+        X,
         {
-          as: k,
-          ...N,
-          key: Q,
-          level: c + 1,
+          as: b,
+          ...u,
+          key: J,
+          level: r + 1,
           onItemClick: h,
           isCollapsed: m,
-          className: o(e["tedi-sidenav__sub-item"], N.className)
+          className: d(e["tedi-sidenav__sub-item"], u.className)
         }
       )) })
-    ] }, g);
-  })), E = /* @__PURE__ */ a("li", { "data-name": "sidenav-item", className: G, children: d && m ? /* @__PURE__ */ a(
-    V,
+    ] }, y);
+  })), P = /* @__PURE__ */ i("li", { "data-name": "sidenav-item", className: G, children: l && m ? /* @__PURE__ */ i(
+    U,
     {
-      trigger: /* @__PURE__ */ a(f.Trigger, { children: /* @__PURE__ */ l(
+      trigger: /* @__PURE__ */ i(g.Trigger, { children: /* @__PURE__ */ n(
         "span",
         {
-          className: o(e["tedi-sidenav__link"], L && e["tedi-sidenav__link--active"]),
+          className: d(e["tedi-sidenav__link"], S && e["tedi-sidenav__link--active"]),
           children: [
-            s && v(s),
-            /* @__PURE__ */ a(
-              P,
+            a && v(a),
+            /* @__PURE__ */ i(
+              M,
               {
-                name: L ? "chevron_right" : "expand_more",
+                name: S ? "chevron_right" : "expand_more",
                 color: "white",
                 className: e["tedi-sidenav__toggle-icon"],
                 size: 18
               }
             ),
-            /* @__PURE__ */ a("span", { className: e["tedi-sidenav__title"], children: n })
+            /* @__PURE__ */ i("span", { className: e["tedi-sidenav__title"], children: t })
           ]
         }
       ) }),
-      as: k,
+      as: b,
       groups: p,
       onOpenChange: A
     }
-  ) : d && c === 1 ? _.href || _.to ? /* @__PURE__ */ l(M, { children: [
-    /* @__PURE__ */ l(T, { ...x, children: [
-      s && v(s),
-      /* @__PURE__ */ a("span", { className: e["tedi-sidenav__title"], children: n })
+  ) : l && r === 1 ? _.href || _.to ? /* @__PURE__ */ n(D, { children: [
+    /* @__PURE__ */ n(w, { ...C, children: [
+      a && v(a),
+      /* @__PURE__ */ i("span", { className: e["tedi-sidenav__title"], children: t })
     ] }),
-    /* @__PURE__ */ a("div", { className: e["tedi-sidenav__link-collapse-wrapper"], children: /* @__PURE__ */ a(
-      B,
+    /* @__PURE__ */ i("div", { className: e["tedi-sidenav__link-collapse-wrapper"], children: /* @__PURE__ */ i(
+      O,
       {
-        id: u,
+        id: I,
         hideCollapseText: !0,
-        open: r,
-        onToggle: C,
-        toggleLabel: S("sidenav.toggleSubmenuChildren", {
-          isCollapsedInternal: r,
-          children: n
+        inverted: !0,
+        open: o,
+        onToggle: L,
+        toggleLabel: x("sidenav.toggleSubmenuChildren", {
+          isCollapsedInternal: o,
+          children: t
         }),
         className: e["tedi-sidenav__collapse"],
-        children: w()
+        titleRowProps: { element: "span" },
+        children: k()
       }
     ) })
-  ] }) : /* @__PURE__ */ a(
-    B,
+  ] }) : /* @__PURE__ */ i(
+    O,
     {
-      id: u,
+      id: I,
       hideCollapseText: !0,
-      open: r,
-      onToggle: C,
+      inverted: !0,
+      fullRowToggle: !0,
+      open: o,
+      onToggle: L,
       className: e["tedi-sidenav__collapse"],
-      toggleLabel: S("sidenav.toggleSubmenuChildren", {
-        isCollapsedInternal: r,
-        children: n
+      titleRowProps: { element: "span" },
+      toggleLabel: x("sidenav.toggleSubmenuChildren", {
+        isCollapsedInternal: o,
+        children: t
       }),
-      title: /* @__PURE__ */ l(
+      title: /* @__PURE__ */ n(
         "span",
         {
-          className: o(
+          className: d(
             e["tedi-sidenav__link"],
-            r && e["tedi-sidenav__link--active"]
+            o && e["tedi-sidenav__link--active"]
           ),
-          role: "button",
-          "aria-expanded": r,
-          "aria-controls": u,
-          "aria-current": b ? "page" : void 0,
-          onKeyDown: q,
+          "aria-current": N ? "page" : void 0,
           children: [
-            s && v(s),
-            /* @__PURE__ */ a("span", { className: e["tedi-sidenav__title"], children: n })
+            a && v(a),
+            /* @__PURE__ */ i("span", { className: e["tedi-sidenav__title"], children: t })
           ]
         }
       ),
-      children: w()
+      children: k()
     }
-  ) : d ? /* @__PURE__ */ l(M, { children: [
-    /* @__PURE__ */ l(T, { ...x, children: [
-      s && v(s),
-      /* @__PURE__ */ a("span", { className: e["tedi-sidenav__title"], children: n }),
-      /* @__PURE__ */ a("i", { className: e["tedi-sidenav__bullet"] })
+  ) : l ? /* @__PURE__ */ n(D, { children: [
+    /* @__PURE__ */ n(w, { ...C, children: [
+      a && v(a),
+      /* @__PURE__ */ i("span", { className: e["tedi-sidenav__title"], children: t }),
+      /* @__PURE__ */ i("i", { className: e["tedi-sidenav__bullet"] })
     ] }),
-    w()
-  ] }) : /* @__PURE__ */ a(f.Trigger, { children: /* @__PURE__ */ l(T, { ...x, children: [
-    s && v(s),
-    /* @__PURE__ */ a("span", { className: e["tedi-sidenav__title"], children: n })
+    k()
+  ] }) : /* @__PURE__ */ i(g.Trigger, { children: /* @__PURE__ */ n(w, { ...C, children: [
+    a && v(a),
+    /* @__PURE__ */ i("span", { className: e["tedi-sidenav__title"], children: t })
   ] }) }) });
-  return c === 1 && m ? /* @__PURE__ */ l(f, { placement: "right", focusManager: void 0, children: [
-    /* @__PURE__ */ a(f.Content, { maxWidth: "medium", children: n }),
-    E
-  ] }) : E;
+  return r === 1 && m ? /* @__PURE__ */ n(g, { placement: "right", focusManager: void 0, children: [
+    /* @__PURE__ */ i(g.Content, { maxWidth: "medium", children: t }),
+    P
+  ] }) : P;
 };
 export {
-  Y as SideNavItem
+  X as SideNavItem
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),n=require("react"),L=require("../../../../../external/classnames/index.cjs.js"),V=require("../../misc/print/print.cjs.js"),O=require("../mobile-nav/components/mobile-nav-toggle/mobile-nav-toggle.cjs.js"),S=require("../mobile-nav/mobile-nav.cjs.js"),F=require("./components/sidenav-dropdown/sidenav-dropdown.cjs.js"),q=require("./components/sidenav-item/sidenav-item.cjs.js"),l=require("./sidenav.module.scss.cjs.js"),C=require("../../../helpers/hooks/use-breakpoint.cjs.js"),G=o=>{const{navItems:u,ariaLabel:r,linkAs:v,showDividers:h=!0,className:p,mobileBreakpoint:j="tablet",showMobileOverlay:k=!0,isMobileOpen:m,isCollapsed:w=!1,onMenuToggle:d,onCollapseToggle:c,sideNavItemSize:x="default",...b}=o,B=e=>({mobile:"md",tablet:"lg"})[e],_=C.useBreakpoint(),s=C.isBreakpointBelow(_,B(j)),t=m!==void 0,[y,f]=n.useState(!s),N=t?m:y,[D,T]=n.useState(w),a=s?!1:D,E="isCollapsed"in o;n.useEffect(()=>{t||f(!s)},[s,t]);const P=e=>{T(e),c==null||c(e)},R=()=>{P(!a)},g=e=>{t||f(e),d==null||d(e)},z=()=>{g(!N)},A=L.default(l.default["tedi-sidenav"],p,{[l.default["tedi-sidenav--has-dividers"]]:h,[l.default["tedi-sidenav--collapsed"]]:a});return s?i.jsx(S.MobileNav,{navItems:u,ariaLabel:r,linkAs:v,isOpen:N,onClose:()=>g(!1),showOverlay:k,className:p,...b}):i.jsx(V.Print,{visibility:"hide",children:i.jsxs("nav",{id:o.id,"data-name":"sidenav",...b,className:A,"aria-label":r,children:[E&&i.jsx(O.MobileNavToggle,{menuOpen:!a,toggleMenu:R,variant:"collapse"}),i.jsx("ul",{className:l.default["tedi-sidenav__list"],role:"menubar","aria-label":r,children:u.map((e,M)=>n.createElement(q.SideNavItem,{as:v,...e,key:M,onItemClick:z,isCollapsed:a,sideNavItemSize:x}))})]})})},I=Object.assign(G,{Toggle:O.MobileNavToggle,Item:q.SideNavItem,Dropdown:F.SideNavDropdown,Mobile:S.MobileNav});exports.SideNav=I;exports.default=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("react"),A=require("../../../../../external/classnames/index.cjs.js"),L=require("../../misc/print/print.cjs.js"),O=require("../mobile-nav/components/mobile-nav-toggle/mobile-nav-toggle.cjs.js"),S=require("../mobile-nav/mobile-nav.cjs.js"),V=require("./components/sidenav-dropdown/sidenav-dropdown.cjs.js"),q=require("./components/sidenav-item/sidenav-item.cjs.js"),l=require("./sidenav.module.scss.cjs.js"),C=require("../../../helpers/hooks/use-breakpoint.cjs.js"),F=o=>{const{navItems:u,ariaLabel:r,linkAs:v,showDividers:I=!0,className:m,mobileBreakpoint:h="tablet",showMobileOverlay:j=!0,isMobileOpen:p,isCollapsed:w=!1,onMenuToggle:d,onCollapseToggle:c,sideNavItemSize:k="default",...b}=o,x=e=>({mobile:"md",tablet:"lg"})[e],B=C.default(),i=C.isBreakpointBelow(B,x(h)),t=p!==void 0,[y,f]=n.useState(!i),N=t?p:y,[D,T]=n.useState(w),a=i?!1:D,E="isCollapsed"in o;n.useEffect(()=>{t||f(!i)},[i,t]);const P=e=>{T(e),c==null||c(e)},_=()=>{P(!a)},g=e=>{t||f(e),d==null||d(e)},R=()=>{g(!N)},z=A.default(l.default["tedi-sidenav"],m,{[l.default["tedi-sidenav--has-dividers"]]:I,[l.default["tedi-sidenav--collapsed"]]:a});return i?s.jsx(S.MobileNav,{navItems:u,ariaLabel:r,linkAs:v,isOpen:N,onClose:()=>g(!1),showOverlay:j,className:m,...b}):s.jsx(L.Print,{visibility:"hide",children:s.jsxs("nav",{id:o.id,"data-name":"sidenav",...b,className:z,"aria-label":r,children:[E&&s.jsx(O.MobileNavToggle,{menuOpen:!a,toggleMenu:_,variant:"collapse"}),s.jsx("ul",{className:l.default["tedi-sidenav__list"],role:"menubar","aria-label":r,children:u.map((e,M)=>n.createElement(q.SideNavItem,{as:v,...e,key:M,onItemClick:R,isCollapsed:a,sideNavItemSize:k}))})]})})},G=Object.assign(F,{Toggle:O.MobileNavToggle,Item:q.SideNavItem,Dropdown:V.SideNavDropdown,Mobile:S.MobileNav});exports.SideNav=G;

package/src/tedi/components/layout/sidenav/sidenav.d.ts

@@ -80,7 +80,7 @@ export type SideNavProps<C extends React.ElementType = 'a'> = ConditionalTypes<C
     sideNavItemSize?: SideNavItemSize;
 };
 export declare const SideNav: (<C extends React.ElementType = "a">(props: SideNavProps<C>) => React.ReactElement | null) & {
-    Toggle: ({ menuOpen, toggleMenu, referenceRef, getReferenceProps, variant, showLabel, label, className, }: import('../mobile-nav/components/mobile-nav-toggle/mobile-nav-toggle').MobileNavToggleProps) => import("react/jsx-runtime").JSX.Element;
+    Toggle: ({ menuOpen, toggleMenu, referenceRef, getReferenceProps, variant, showLabel, label, className, }: import('.').MobileNavToggleProps) => import("react/jsx-runtime").JSX.Element;
     Item: <C extends React.ElementType = "a">(props: SideNavItemProps<C> & {
         onItemClick?: () => void;
         level?: number;
@@ -95,6 +95,6 @@ export declare const SideNav: (<C extends React.ElementType = "a">(props: SideNa
         onOpenChange?: (isOpen: boolean) => void;
         as?: C | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
-    Mobile: <C extends React.ElementType = "a">({ navItems, ariaLabel, linkAs, isOpen, onClose, showOverlay, id, className, }: import('../mobile-nav/mobile-nav').MobileNavProps<C>) => import("react/jsx-runtime").JSX.Element | null;
+    Mobile: <C extends React.ElementType = "a">({ navItems, ariaLabel, linkAs, isOpen, onClose, showOverlay, id, className, }: import('.').MobileNavProps<C>) => import("react/jsx-runtime").JSX.Element | null;
 };
 export default SideNav;

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

@@ -7,7 +7,7 @@ import { MobileNav as g } from "../mobile-nav/mobile-nav.es.js";
 import { SideNavDropdown as H } from "./components/sidenav-dropdown/sidenav-dropdown.es.js";
 import { SideNavItem as h } from "./components/sidenav-item/sidenav-item.es.js";
 import a from "./sidenav.module.scss.es.js";
-import { useBreakpoint as J, isBreakpointBelow as K } from "../../../helpers/hooks/use-breakpoint.es.js";
+import J, { isBreakpointBelow as K } from "../../../helpers/hooks/use-breakpoint.es.js";
 const Q = (l) => {
   const {
     navItems: d,
@@ -26,23 +26,23 @@ const Q = (l) => {
   } = l, y = (e) => ({
     mobile: "md",
     tablet: "lg"
-  })[e], j = J(), s = K(j, y(w)), i = v !== void 0, [x, b] = M(!s), u = i ? v : x, [D, E] = M(B), t = s ? !1 : D, P = "isCollapsed" in l;
+  })[e], j = J(), i = K(j, y(w)), s = v !== void 0, [x, b] = M(!i), u = s ? v : x, [D, E] = M(B), t = i ? !1 : D, P = "isCollapsed" in l;
   V(() => {
-    i || b(!s);
-  }, [s, i]);
+    s || b(!i);
+  }, [i, s]);
   const _ = (e) => {
     E(e), m == null || m(e);
   }, z = () => {
     _(!t);
   }, C = (e) => {
-    i || b(e), r == null || r(e);
+    s || b(e), r == null || r(e);
   }, A = () => {
     C(!u);
   }, L = F(a["tedi-sidenav"], c, {
     [a["tedi-sidenav--has-dividers"]]: k,
     [a["tedi-sidenav--collapsed"]]: t
   });
-  return s ? /* @__PURE__ */ o(
+  return i ? /* @__PURE__ */ o(
     g,
     {
       navItems: d,
@@ -75,6 +75,5 @@ const Q = (l) => {
   Mobile: g
 });
 export {
-  te as SideNav,
-  te as default
+  te as SideNav
 };

package/src/tedi/components/layout/sidenav/sidenav.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-sidenav":"tedi-sidenav-8ef80858","tedi-sidenav__collapse":"tedi-sidenav__collapse-2c595f9e","tedi-sidenav__item":"tedi-sidenav__item-919825a5","tedi-sidenav--has-dividers":"tedi-sidenav--has-dividers-ceb44380","tedi-sidenav--collapsed":"tedi-sidenav--collapsed-b7b406f9","tedi-sidenav__title":"tedi-sidenav__title-3bec8b71","tedi-sidenav__bullet":"tedi-sidenav__bullet-c51cd2ba","tedi-sidenav__link":"tedi-sidenav__link-e66a922a","tedi-sidenav__link--active":"tedi-sidenav__link--active-cf22fc56","tedi-sidenav__item--has-children":"tedi-sidenav__item--has-children-71df3699","tedi-sidenav__toggle-icon":"tedi-sidenav__toggle-icon-63662692","tedi-sidenav__overlay":"tedi-sidenav__overlay-5feeb550","tedi-sidenav__item--level-2":"tedi-sidenav__item--level-2-3ed1a7e8","tedi-sidenav__list":"tedi-sidenav__list-58d1ae41","tedi-sidenav__item--with-tree":"tedi-sidenav__item--with-tree-39198d0d","tedi-sidenav__sub-item":"tedi-sidenav__sub-item-c714d866","tedi-sidenav__link--has-children-link":"tedi-sidenav__link--has-children-link-1d49019f","tedi-sidenav__link-collapse-wrapper":"tedi-sidenav__link-collapse-wrapper-cd74f534","tedi-sidenav__item--mobile":"tedi-sidenav__item--mobile-6571c3cc","tedi-sidenav__item--current":"tedi-sidenav__item--current-95a00f8f","tedi-sidenav__item--medium":"tedi-sidenav__item--medium-995f73f7","tedi-sidenav__icon":"tedi-sidenav__icon-b7155dbb","tedi-sidenav__item--small":"tedi-sidenav__item--small-1952afb5","tedi-sidenav__back-button":"tedi-sidenav__back-button-c8e74f92","tedi-sidenav__subheading":"tedi-sidenav__subheading-8cec3c0c","tedi-sidenav__subheading--mobile":"tedi-sidenav__subheading--mobile-e24704b2","sidenav__item--current":"sidenav__item--current-f5468e85"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-sidenav":"tedi-sidenav-8ef80858","tedi-sidenav__collapse":"tedi-sidenav__collapse-2c595f9e","tedi-sidenav__item":"tedi-sidenav__item-919825a5","tedi-sidenav--has-dividers":"tedi-sidenav--has-dividers-ceb44380","tedi-sidenav__link":"tedi-sidenav__link-e66a922a","tedi-sidenav--collapsed":"tedi-sidenav--collapsed-b7b406f9","tedi-sidenav__title":"tedi-sidenav__title-3bec8b71","tedi-sidenav__bullet":"tedi-sidenav__bullet-c51cd2ba","tedi-sidenav__link--active":"tedi-sidenav__link--active-cf22fc56","tedi-sidenav__item--has-children":"tedi-sidenav__item--has-children-71df3699","tedi-sidenav__toggle-icon":"tedi-sidenav__toggle-icon-63662692","tedi-sidenav__overlay":"tedi-sidenav__overlay-5feeb550","tedi-sidenav__item--level-2":"tedi-sidenav__item--level-2-3ed1a7e8","tedi-sidenav__list":"tedi-sidenav__list-58d1ae41","tedi-sidenav__item--with-tree":"tedi-sidenav__item--with-tree-39198d0d","tedi-sidenav__sub-item":"tedi-sidenav__sub-item-c714d866","tedi-sidenav__link--has-children-link":"tedi-sidenav__link--has-children-link-1d49019f","tedi-sidenav__link-collapse-wrapper":"tedi-sidenav__link-collapse-wrapper-cd74f534","tedi-sidenav__item--mobile":"tedi-sidenav__item--mobile-6571c3cc","tedi-sidenav__item--current":"tedi-sidenav__item--current-95a00f8f","tedi-sidenav__item--medium":"tedi-sidenav__item--medium-995f73f7","tedi-sidenav__icon":"tedi-sidenav__icon-b7155dbb","tedi-sidenav__item--small":"tedi-sidenav__item--small-1952afb5","tedi-sidenav__back-button":"tedi-sidenav__back-button-c8e74f92","tedi-sidenav__subheading":"tedi-sidenav__subheading-8cec3c0c","tedi-sidenav__subheading--mobile":"tedi-sidenav__subheading--mobile-e24704b2","sidenav__item--current":"sidenav__item--current-f5468e85"};exports.default=e;

package/src/tedi/components/layout/sidenav/sidenav.module.scss.es.js

@@ -3,10 +3,10 @@ const e = {
   "tedi-sidenav__collapse": "tedi-sidenav__collapse-2c595f9e",
   "tedi-sidenav__item": "tedi-sidenav__item-919825a5",
   "tedi-sidenav--has-dividers": "tedi-sidenav--has-dividers-ceb44380",
+  "tedi-sidenav__link": "tedi-sidenav__link-e66a922a",
   "tedi-sidenav--collapsed": "tedi-sidenav--collapsed-b7b406f9",
   "tedi-sidenav__title": "tedi-sidenav__title-3bec8b71",
   "tedi-sidenav__bullet": "tedi-sidenav__bullet-c51cd2ba",
-  "tedi-sidenav__link": "tedi-sidenav__link-e66a922a",
   "tedi-sidenav__link--active": "tedi-sidenav__link--active-cf22fc56",
   "tedi-sidenav__item--has-children": "tedi-sidenav__item--has-children-71df3699",
   "tedi-sidenav__toggle-icon": "tedi-sidenav__toggle-icon-63662692",

package/src/tedi/components/layout/top-nav/components/top-nav-group/top-nav-group.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),n=require("../../../../../../../external/classnames/index.cjs.js"),d=require("../../../../base/icon/icon.cjs.js"),s=require("../../top-nav.module.scss.cjs.js"),o=({title:a,children:r,icon:e,headingLevel:u="h3",className:i})=>{const l=u;return t.jsxs("section",{className:n.default(s.default["tedi-top-nav__group"],i),children:[a&&t.jsxs(l,{className:s.default["tedi-top-nav__group-title"],children:[e&&t.jsx(d.Icon,{className:s.default["tedi-top-nav__group-icon"],...typeof e=="string"?{name:e}:e,size:typeof e=="string"?16:e.size??16,color:"inherit"}),a]}),t.jsx("ul",{className:s.default["tedi-top-nav__group-list"],children:r})]})};o.displayName="TopNav.Group";exports.TopNavGroup=o;exports.default=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("../../../../../../../external/classnames/index.cjs.js"),p=require("../../../../base/icon/icon.cjs.js"),o=require("../../top-nav.module.scss.cjs.js"),a=({title:s,children:r,icon:e,headingLevel:i="h3",className:u})=>{const n=i;return t.jsxs("section",{className:l.default(o.default["tedi-top-nav__group"],u),children:[s&&t.jsxs(n,{className:o.default["tedi-top-nav__group-title"],children:[e&&t.jsx(p.Icon,{className:o.default["tedi-top-nav__group-icon"],...typeof e=="string"?{name:e}:e,size:typeof e=="string"?16:e.size??16,color:"inherit"}),s]}),t.jsx("ul",{className:o.default["tedi-top-nav__group-list"],children:r})]})};a.displayName="TopNav.Group";exports.TopNavGroup=a;

package/src/tedi/components/layout/top-nav/components/top-nav-group/top-nav-group.es.js

@@ -1,33 +1,32 @@
-import { jsxs as e, jsx as a } from "react/jsx-runtime";
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
 import l from "../../../../../../../external/classnames/index.es.js";
 import { Icon as n } from "../../../../base/icon/icon.es.js";
-import o from "../../top-nav.module.scss.es.js";
-const d = ({
+import s from "../../top-nav.module.scss.es.js";
+const c = ({
   title: t,
-  children: r,
-  icon: s,
+  children: a,
+  icon: o,
   headingLevel: p = "h3",
   className: i
 }) => {
   const m = p;
-  return /* @__PURE__ */ e("section", { className: l(o["tedi-top-nav__group"], i), children: [
-    t && /* @__PURE__ */ e(m, { className: o["tedi-top-nav__group-title"], children: [
-      s && /* @__PURE__ */ a(
+  return /* @__PURE__ */ e("section", { className: l(s["tedi-top-nav__group"], i), children: [
+    t && /* @__PURE__ */ e(m, { className: s["tedi-top-nav__group-title"], children: [
+      o && /* @__PURE__ */ r(
         n,
         {
-          className: o["tedi-top-nav__group-icon"],
-          ...typeof s == "string" ? { name: s } : s,
-          size: typeof s == "string" ? 16 : s.size ?? 16,
+          className: s["tedi-top-nav__group-icon"],
+          ...typeof o == "string" ? { name: o } : o,
+          size: typeof o == "string" ? 16 : o.size ?? 16,
           color: "inherit"
         }
       ),
       t
     ] }),
-    /* @__PURE__ */ a("ul", { className: o["tedi-top-nav__group-list"], children: r })
+    /* @__PURE__ */ r("ul", { className: s["tedi-top-nav__group-list"], children: a })
   ] });
 };
-d.displayName = "TopNav.Group";
+c.displayName = "TopNav.Group";
 export {
-  d as TopNavGroup,
-  d as default
+  c as TopNavGroup
 };

package/src/tedi/components/layout/top-nav/components/top-nav-item/top-nav-item.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),a=require("../../../../../../../external/classnames/index.cjs.js"),C=require("react"),f=require("../../../../base/icon/icon.cjs.js"),e=require("../../top-nav.module.scss.cjs.js"),v=C.forwardRef((b,h)=>{const{children:N,href:d,icon:n,isActive:o=!1,hasSubmenu:u=!1,disabled:s=!1,onClick:l,as:x,className:I,submenu:j,renderSubmenuInline:g=!1,isSubmenuOpen:y,panelId:r,...S}=b,c=!d&&u,T=x??(c?"button":"a"),i=y??o,p=g&&i&&u,k=m=>{if(s){m.preventDefault();return}l==null||l(m)},q=a.default(e.default["tedi-top-nav__link"],{[e.default["tedi-top-nav__link--active"]]:o||i},I),w={...S,ref:h,className:q,onClick:k,...c?{type:"button",disabled:s,"aria-haspopup":!0,"aria-expanded":i,"aria-controls":r}:{href:s?void 0:d,"aria-current":o?"page":void 0,"aria-disabled":s||void 0}};return t.jsxs("li",{className:a.default(e.default["tedi-top-nav__item"],{[e.default["tedi-top-nav__item--has-inline-submenu"]]:p}),children:[t.jsxs(T,{...w,children:[n&&t.jsx(f.Icon,{className:e.default["tedi-top-nav__icon"],...typeof n=="string"?{name:n}:n,size:typeof n=="string"?18:n.size??18,color:"inherit"}),N,u&&t.jsx(f.Icon,{className:a.default(e.default["tedi-top-nav__icon"],e.default["tedi-top-nav__chevron"],{[e.default["tedi-top-nav__chevron--open"]]:i}),name:"keyboard_arrow_down",size:18,color:"inherit"})]}),p&&t.jsx("div",{id:r,className:a.default(e.default["tedi-top-nav__submenu"],e.default["tedi-top-nav__submenu--inline"]),"data-name":"top-nav-submenu",children:t.jsx("div",{className:a.default(e.default["tedi-top-nav__submenu-inner"],e.default["tedi-top-nav__submenu-inner--inline"]),children:j})})]})});v.displayName="TopNav.Item";const _=v;exports.TopNavItem=_;exports.default=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("../../../../../../../external/classnames/index.cjs.js"),w=require("react"),f=require("../../../../base/icon/icon.cjs.js"),e=require("../../top-nav.module.scss.cjs.js"),v=w.forwardRef((_,b)=>{const{children:h,href:l,icon:n,isActive:s=!1,hasSubmenu:u=!1,disabled:i=!1,onClick:d,as:N,className:x,submenu:I,renderSubmenuInline:j=!1,isSubmenuOpen:g,panelId:r,...y}=_,c=!l&&u,S=N??(c?"button":"a"),o=g??s,p=j&&o&&u,T=m=>{if(i){m.preventDefault();return}d==null||d(m)},k=a.default(e.default["tedi-top-nav__link"],{[e.default["tedi-top-nav__link--active"]]:s||o},x),q={...y,ref:b,className:k,onClick:T,...c?{type:"button",disabled:i,"aria-haspopup":!0,"aria-expanded":o,"aria-controls":r}:{href:i?void 0:l,"aria-current":s?"page":void 0,"aria-disabled":i||void 0}};return t.jsxs("li",{className:a.default(e.default["tedi-top-nav__item"],{[e.default["tedi-top-nav__item--has-inline-submenu"]]:p}),children:[t.jsxs(S,{...q,children:[n&&t.jsx(f.Icon,{className:e.default["tedi-top-nav__icon"],...typeof n=="string"?{name:n}:n,size:typeof n=="string"?18:n.size??18,color:"inherit"}),h,u&&t.jsx(f.Icon,{className:a.default(e.default["tedi-top-nav__icon"],e.default["tedi-top-nav__chevron"],{[e.default["tedi-top-nav__chevron--open"]]:o}),name:"keyboard_arrow_down",size:18,color:"inherit"})]}),p&&t.jsx("div",{id:r,className:a.default(e.default["tedi-top-nav__submenu"],e.default["tedi-top-nav__submenu--inline"]),"data-name":"top-nav-submenu",children:t.jsx("div",{className:a.default(e.default["tedi-top-nav__submenu-inner"],e.default["tedi-top-nav__submenu-inner--inline"]),children:I})})]})});v.displayName="TopNav.Item";const C=v;exports.TopNavItem=C;

package/src/tedi/components/layout/top-nav/components/top-nav-item/top-nav-item.es.js

@@ -3,15 +3,15 @@ import t from "../../../../../../../external/classnames/index.es.js";
 import { forwardRef as P } from "react";
 import { Icon as v } from "../../../../base/icon/icon.es.js";
 import e from "../../top-nav.module.scss.es.js";
-const f = P(
-  (b, h) => {
+const b = P(
+  (f, h) => {
     const {
       children: N,
       href: p,
       icon: n,
       isActive: s = !1,
       hasSubmenu: r = !1,
-      disabled: a = !1,
+      disabled: o = !1,
       onClick: m,
       as: I,
       className: y,
@@ -20,8 +20,8 @@ const f = P(
       isSubmenuOpen: w,
       panelId: l,
       ...x
-    } = b, c = !p && r, C = I ?? (c ? "button" : "a"), o = w ?? s, d = k && o && r, S = (u) => {
-      if (a) {
+    } = f, c = !p && r, C = I ?? (c ? "button" : "a"), a = w ?? s, d = k && a && r, S = (u) => {
+      if (o) {
         u.preventDefault();
         return;
       }
@@ -29,7 +29,7 @@ const f = P(
     }, T = t(
       e["tedi-top-nav__link"],
       {
-        [e["tedi-top-nav__link--active"]]: s || o
+        [e["tedi-top-nav__link--active"]]: s || a
       },
       y
     ), z = {
@@ -39,14 +39,14 @@ const f = P(
       onClick: S,
       ...c ? {
         type: "button",
-        disabled: a,
+        disabled: o,
         "aria-haspopup": !0,
-        "aria-expanded": o,
+        "aria-expanded": a,
         "aria-controls": l
       } : {
-        href: a ? void 0 : p,
+        href: o ? void 0 : p,
         "aria-current": s ? "page" : void 0,
-        "aria-disabled": a || void 0
+        "aria-disabled": o || void 0
       }
     };
     return /* @__PURE__ */ _(
@@ -71,7 +71,7 @@ const f = P(
               v,
               {
                 className: t(e["tedi-top-nav__icon"], e["tedi-top-nav__chevron"], {
-                  [e["tedi-top-nav__chevron--open"]]: o
+                  [e["tedi-top-nav__chevron--open"]]: a
                 }),
                 name: "keyboard_arrow_down",
                 size: 18,
@@ -93,9 +93,8 @@ const f = P(
     );
   }
 );
-f.displayName = "TopNav.Item";
-const B = f;
+b.displayName = "TopNav.Item";
+const B = b;
 export {
-  B as TopNavItem,
-  B as default
+  B as TopNavItem
 };

package/src/tedi/components/layout/top-nav/components/top-nav-separator/top-nav-separator.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),o=require("../../../../../../../external/classnames/index.cjs.js"),t=require("../../top-nav.module.scss.cjs.js"),e=({className:r})=>a.jsx("li",{role:"separator","aria-orientation":"vertical",className:o.default(t.default["tedi-top-nav__separator"],r),children:a.jsx("span",{className:t.default["tedi-top-nav__separator-line"],"aria-hidden":"true"})});e.displayName="TopNav.Separator";exports.TopNavSeparator=e;exports.default=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../../../../../../external/classnames/index.cjs.js"),a=require("../../top-nav.module.scss.cjs.js"),r=({className:t})=>e.jsx("li",{role:"separator","aria-orientation":"vertical",className:o.default(a.default["tedi-top-nav__separator"],t),children:e.jsx("span",{className:a.default["tedi-top-nav__separator-line"],"aria-hidden":"true"})});r.displayName="TopNav.Separator";exports.TopNavSeparator=r;

package/src/tedi/components/layout/top-nav/components/top-nav-separator/top-nav-separator.es.js

@@ -4,6 +4,5 @@ import r from "../../top-nav.module.scss.es.js";
 const t = ({ className: e }) => /* @__PURE__ */ a("li", { role: "separator", "aria-orientation": "vertical", className: o(r["tedi-top-nav__separator"], e), children: /* @__PURE__ */ a("span", { className: r["tedi-top-nav__separator-line"], "aria-hidden": "true" }) });
 t.displayName = "TopNav.Separator";
 export {
-  t as TopNavSeparator,
-  t as default
+  t as TopNavSeparator
 };

package/src/tedi/components/layout/top-nav/components/top-nav-subitem/top-nav-subitem.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),_=require("../../../../../../../external/classnames/index.cjs.js"),S=require("react"),o=require("../../top-nav.module.scss.cjs.js"),x=require("../../top-nav-context.cjs.js"),n=S.forwardRef((i,r)=>{const{children:c,href:l,isActive:s=!1,onClick:e,as:d,className:m,...p}=i,v=d||"a",t=x.useTopNavContext(),b=N=>{e==null||e(N),t==null||t.closeSubmenu()},f={...p,ref:r,className:_.default(o.default["tedi-top-nav__subitem-link"],{[o.default["tedi-top-nav__subitem-link--active"]]:s},m),href:l,"aria-current":s?"page":void 0,onClick:b};return a.jsx("li",{className:o.default["tedi-top-nav__subitem"],children:a.jsx(v,{...f,children:c})})});n.displayName="TopNav.SubItem";const u=n;exports.TopNavSubItem=u;exports.default=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),f=require("../../../../../../../external/classnames/index.cjs.js"),S=require("react"),o=require("../../top-nav.module.scss.cjs.js"),_=require("../../top-nav-context.cjs.js"),a=S.forwardRef((i,c)=>{const{children:r,href:u,isActive:n=!1,onClick:e,as:l,className:m,...d}=i,p=l||"a",t=_.useTopNavContext(),v=N=>{e==null||e(N),t==null||t.closeSubmenu()},b={...d,ref:c,className:f.default(o.default["tedi-top-nav__subitem-link"],{[o.default["tedi-top-nav__subitem-link--active"]]:n},m),href:u,"aria-current":n?"page":void 0,onClick:v};return s.jsx("li",{className:o.default["tedi-top-nav__subitem"],children:s.jsx(p,{...b,children:r})})});a.displayName="TopNav.SubItem";const x=a;exports.TopNavSubItem=x;

package/src/tedi/components/layout/top-nav/components/top-nav-subitem/top-nav-subitem.es.js

@@ -1,30 +1,29 @@
 import { jsx as a } from "react/jsx-runtime";
 import b from "../../../../../../../external/classnames/index.es.js";
 import { forwardRef as _ } from "react";
-import o from "../../top-nav.module.scss.es.js";
+import t from "../../top-nav.module.scss.es.js";
 import { useTopNavContext as h } from "../../top-nav-context.es.js";
 const m = _(
   (n, i) => {
-    const { children: r, href: c, isActive: s = !1, onClick: e, as: p, className: l, ...u } = n, d = p || "a", t = h(), f = (N) => {
-      e == null || e(N), t == null || t.closeSubmenu();
+    const { children: r, href: c, isActive: s = !1, onClick: e, as: p, className: l, ...u } = n, d = p || "a", o = h(), f = (N) => {
+      e == null || e(N), o == null || o.closeSubmenu();
     }, v = {
       ...u,
       ref: i,
       className: b(
-        o["tedi-top-nav__subitem-link"],
-        { [o["tedi-top-nav__subitem-link--active"]]: s },
+        t["tedi-top-nav__subitem-link"],
+        { [t["tedi-top-nav__subitem-link--active"]]: s },
         l
       ),
       href: c,
       "aria-current": s ? "page" : void 0,
       onClick: f
     };
-    return /* @__PURE__ */ a("li", { className: o["tedi-top-nav__subitem"], children: /* @__PURE__ */ a(d, { ...v, children: r }) });
+    return /* @__PURE__ */ a("li", { className: t["tedi-top-nav__subitem"], children: /* @__PURE__ */ a(d, { ...v, children: r }) });
   }
 );
 m.displayName = "TopNav.SubItem";
 const I = m;
 export {
-  I as TopNavSubItem,
-  I as default
+  I as TopNavSubItem
 };