@tedi-design-system/react 16.0.0-rc.11 → 16.0.0-rc.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tedi-design-system/react",
3
- "version": "16.0.0-rc.11",
3
+ "version": "16.0.0-rc.13",
4
4
  "type": "module",
5
5
  "sideEffects": false,
6
6
  "exports": {
@@ -7,7 +7,7 @@ type SideNavDropdownProps<C extends React.ElementType = 'a'> = {
7
7
  as?: C;
8
8
  };
9
9
  type Group<C extends React.ElementType> = {
10
- subHeading?: string;
10
+ subHeading?: React.ReactNode;
11
11
  subItems: SideNavItemProps<C>[];
12
12
  };
13
13
  export declare const SideNavDropdown: <C extends React.ElementType = "a">({ trigger, groups, onOpenChange, as, }: SideNavDropdownProps<C>) => import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),o=require("../../../../../../../external/classnames/index.cjs.js"),D=require("../../../../base/icon/icon.cjs.js"),E=require("../../../../buttons/collapse/collapse.cjs.js"),S=require("../../../../navigation/link/link.cjs.js"),s=require("../../sidenav.module.scss.cjs.js"),W=require("../sidenav-dropdown/sidenav-dropdown.cjs.js"),J=require("../../../../../providers/label-provider/use-labels.cjs.js"),g=require("../../../../overlays/tooltip/tooltip.cjs.js"),M=O=>{const{icon:t,children:i,isActive:j,onClick:N,subItems:T,subItemGroups:P,as:b,onItemClick:v,className:B,level:r=1,isCollapsed:c=!1,isDefaultOpen:$=!1,sideNavItemSize:z="default",...u}=O,{getLabel:q}=J.useLabels(),[n,w]=x.useState($??!1),[y,F]=x.useState(!1),p=x.useId(),m=P??(T?[{subItems:T}]:null),d=!!m,H=o.default(s.default["tedi-sidenav__item"],s.default[`tedi-sidenav__item--${z}`],{[s.default[`tedi-sidenav__item--level-${r}`]]:r>1,[s.default["tedi-sidenav__item--current"]]:j,[s.default["tedi-sidenav__item--has-children"]]:d},B),_=a=>{const l={color:"white",className:o.default(s.default["tedi-sidenav__icon"])},h=typeof a=="string"?{...l,name:a}:{...l,...a,className:o.default(l.className,a==null?void 0:a.className)};return e.jsx(D.Icon,{...h})},K=a=>{N==null||N(a),d||v==null||v()},k=a=>{w(a)},A=a=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),w(f=>{const l=!f;return k(l),l}))},G=d&&(u.href||u.to),I={...u,as:b,onClick:K,className:o.default(s.default["tedi-sidenav__link"],G&&s.default["tedi-sidenav__link--has-children-link"]),noStyle:!0,role:"menuitem","aria-current":j?"page":void 0,"aria-label":c&&typeof i=="string"?i:void 0,...d?{"aria-haspopup":"true","aria-expanded":n,"aria-controls":p}:{}},C=()=>!c&&(m==null?void 0:m.map((a,f)=>{var l;return e.jsxs("div",{children:[(a==null?void 0:a.subHeading)&&e.jsx("div",{className:s.default["tedi-sidenav__subheading"],children:a.subHeading}),e.jsx("ul",{className:s.default["tedi-sidenav__list"],role:"menu",children:(l=a.subItems)==null?void 0:l.map((h,R)=>x.createElement(M,{as:b,...h,key:R,level:r+1,onItemClick:v,isCollapsed:c,className:o.default(s.default["tedi-sidenav__sub-item"],h.className)}))})]},f)})),L=e.jsx("li",{"data-name":"sidenav-item",className:H,children:d&&c?e.jsx(W.SideNavDropdown,{trigger:e.jsx(g.Tooltip.Trigger,{children:e.jsxs("span",{className:o.default(s.default["tedi-sidenav__link"],y&&s.default["tedi-sidenav__link--active"]),children:[t&&_(t),e.jsx(D.Icon,{name:y?"chevron_right":"expand_more",color:"white",className:s.default["tedi-sidenav__toggle-icon"],size:18}),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i})]})}),as:b,groups:m,onOpenChange:F}):d&&r===1?u.href||u.to?e.jsxs(e.Fragment,{children:[e.jsxs(S.Link,{...I,children:[t&&_(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i})]}),e.jsx("div",{className:s.default["tedi-sidenav__link-collapse-wrapper"],children:e.jsx(E.Collapse,{id:p,hideCollapseText:!0,open:n,onToggle:k,toggleLabel:q("sidenav.toggleSubmenuChildren",{isCollapsedInternal:n,children:i}),className:s.default["tedi-sidenav__collapse"],children:C()})})]}):e.jsx(E.Collapse,{id:p,hideCollapseText:!0,open:n,onToggle:k,className:s.default["tedi-sidenav__collapse"],toggleLabel:q("sidenav.toggleSubmenuChildren",{isCollapsedInternal:n,children:i}),title:e.jsxs("span",{className:o.default(s.default["tedi-sidenav__link"],n&&s.default["tedi-sidenav__link--active"]),role:"button","aria-expanded":n,"aria-controls":p,"aria-current":j?"page":void 0,onKeyDown:A,children:[t&&_(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i})]}),children:C()}):d?e.jsxs(e.Fragment,{children:[e.jsxs(S.Link,{...I,children:[t&&_(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i}),e.jsx("i",{className:s.default["tedi-sidenav__bullet"]})]}),C()]}):e.jsx(g.Tooltip.Trigger,{children:e.jsxs(S.Link,{...I,children:[t&&_(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i})]})})});return r===1&&c?e.jsxs(g.Tooltip,{placement:"right",focusManager:void 0,children:[e.jsx(g.Tooltip.Content,{maxWidth:"medium",children:i}),L]}):L};exports.SideNavItem=M;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),o=require("../../../../../../../external/classnames/index.cjs.js"),D=require("../../../../base/icon/icon.cjs.js"),E=require("../../../../buttons/collapse/collapse.cjs.js"),T=require("../../../../navigation/link/link.cjs.js"),s=require("../../sidenav.module.scss.cjs.js"),J=require("../sidenav-dropdown/sidenav-dropdown.cjs.js"),Q=require("../../../../../providers/label-provider/use-labels.cjs.js"),g=require("../../../../overlays/tooltip/tooltip.cjs.js"),M=O=>{const{icon:t,children:i,isActive:j,onClick:N,subItems:S,subItemGroups:P,as:b,onItemClick:v,className:B,level:r=1,isCollapsed:c=!1,isDefaultOpen:$=!1,sideNavItemSize:z="default",...u}=O,{getLabel:q}=Q.useLabels(),[d,w]=x.useState($??!1),[y,F]=x.useState(!1),p=x.useId(),m=P??(S?[{subItems:S}]:null),n=!!m,H=r>1&&n,K=o.default(s.default["tedi-sidenav__item"],s.default[`tedi-sidenav__item--${z}`],{[s.default[`tedi-sidenav__item--level-${r}`]]:r>1,[s.default["tedi-sidenav__item--current"]]:j,[s.default["tedi-sidenav__item--has-children"]]:n,[s.default["tedi-sidenav__item--with-tree"]]:H},B),_=a=>{const l={color:"white",className:o.default(s.default["tedi-sidenav__icon"])},h=typeof a=="string"?{...l,name:a}:{...l,...a,className:o.default(l.className,a==null?void 0:a.className)};return e.jsx(D.Icon,{...h})},A=a=>{N==null||N(a),n||v==null||v()},I=a=>{w(a)},G=a=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),w(f=>{const l=!f;return I(l),l}))},R=n&&(u.href||u.to),k={...u,as:b,onClick:A,className:o.default(s.default["tedi-sidenav__link"],R&&s.default["tedi-sidenav__link--has-children-link"]),noStyle:!0,role:"menuitem","aria-current":j?"page":void 0,"aria-label":c&&typeof i=="string"?i:void 0,...n?{"aria-haspopup":"true","aria-expanded":d,"aria-controls":p}:{}},C=()=>!c&&(m==null?void 0:m.map((a,f)=>{var l;return e.jsxs("div",{children:[(a==null?void 0:a.subHeading)&&e.jsx("div",{className:s.default["tedi-sidenav__subheading"],children:a.subHeading}),e.jsx("ul",{className:s.default["tedi-sidenav__list"],role:"menu",children:(l=a.subItems)==null?void 0:l.map((h,W)=>x.createElement(M,{as:b,...h,key:W,level:r+1,onItemClick:v,isCollapsed:c,className:o.default(s.default["tedi-sidenav__sub-item"],h.className)}))})]},f)})),L=e.jsx("li",{"data-name":"sidenav-item",className:K,children:n&&c?e.jsx(J.SideNavDropdown,{trigger:e.jsx(g.Tooltip.Trigger,{children:e.jsxs("span",{className:o.default(s.default["tedi-sidenav__link"],y&&s.default["tedi-sidenav__link--active"]),children:[t&&_(t),e.jsx(D.Icon,{name:y?"chevron_right":"expand_more",color:"white",className:s.default["tedi-sidenav__toggle-icon"],size:18}),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i})]})}),as:b,groups:m,onOpenChange:F}):n&&r===1?u.href||u.to?e.jsxs(e.Fragment,{children:[e.jsxs(T.Link,{...k,children:[t&&_(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i})]}),e.jsx("div",{className:s.default["tedi-sidenav__link-collapse-wrapper"],children:e.jsx(E.Collapse,{id:p,hideCollapseText:!0,open:d,onToggle:I,toggleLabel:q("sidenav.toggleSubmenuChildren",{isCollapsedInternal:d,children:i}),className:s.default["tedi-sidenav__collapse"],children:C()})})]}):e.jsx(E.Collapse,{id:p,hideCollapseText:!0,open:d,onToggle:I,className:s.default["tedi-sidenav__collapse"],toggleLabel:q("sidenav.toggleSubmenuChildren",{isCollapsedInternal:d,children:i}),title:e.jsxs("span",{className:o.default(s.default["tedi-sidenav__link"],d&&s.default["tedi-sidenav__link--active"]),role:"button","aria-expanded":d,"aria-controls":p,"aria-current":j?"page":void 0,onKeyDown:G,children:[t&&_(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i})]}),children:C()}):n?e.jsxs(e.Fragment,{children:[e.jsxs(T.Link,{...k,children:[t&&_(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i}),e.jsx("i",{className:s.default["tedi-sidenav__bullet"]})]}),C()]}):e.jsx(g.Tooltip.Trigger,{children:e.jsxs(T.Link,{...k,children:[t&&_(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i})]})})});return r===1&&c?e.jsxs(g.Tooltip,{placement:"right",focusManager:void 0,children:[e.jsx(g.Tooltip.Content,{maxWidth:"medium",children:i}),L]}):L};exports.SideNavItem=M;
@@ -15,7 +15,7 @@ export type SideNavItemProps<C extends React.ElementType = 'a'> = LinkProps<C> &
15
15
  * Grouped submenu items (preferred for headings)
16
16
  */
17
17
  subItemGroups?: {
18
- subHeading?: string;
18
+ subHeading?: React.ReactNode;
19
19
  subItems: SideNavItemProps<C>[];
20
20
  }[];
21
21
  /**
@@ -1,20 +1,20 @@
1
- import { jsx as s, jsxs as l, Fragment as M } from "react/jsx-runtime";
2
- import Q, { useState as O, createElement as R } from "react";
1
+ import { jsx as a, jsxs as l, Fragment as M } from "react/jsx-runtime";
2
+ import R, { useState as O, createElement as U } from "react";
3
3
  import o from "../../../../../../../external/classnames/index.es.js";
4
4
  import { Icon as P } from "../../../../base/icon/icon.es.js";
5
5
  import { Collapse as B } from "../../../../buttons/collapse/collapse.es.js";
6
- import { Link as y } from "../../../../navigation/link/link.es.js";
6
+ import { Link as T } from "../../../../navigation/link/link.es.js";
7
7
  import e from "../../sidenav.module.scss.es.js";
8
- import { SideNavDropdown as U } from "../sidenav-dropdown/sidenav-dropdown.es.js";
9
- import { useLabels as V } from "../../../../../providers/label-provider/use-labels.es.js";
8
+ import { SideNavDropdown as V } from "../sidenav-dropdown/sidenav-dropdown.es.js";
9
+ import { useLabels as X } from "../../../../../providers/label-provider/use-labels.es.js";
10
10
  import { Tooltip as f } from "../../../../overlays/tooltip/tooltip.es.js";
11
- const X = (j) => {
11
+ const Y = (j) => {
12
12
  const {
13
- icon: i,
13
+ icon: s,
14
14
  children: n,
15
15
  isActive: b,
16
16
  onClick: I,
17
- subItems: S,
17
+ subItems: y,
18
18
  subItemGroups: z,
19
19
  as: k,
20
20
  onItemClick: h,
@@ -24,58 +24,59 @@ const X = (j) => {
24
24
  isDefaultOpen: K = !1,
25
25
  sideNavItemSize: $ = "default",
26
26
  ..._
27
- } = j, { getLabel: T } = V(), [d, D] = O(K ?? !1), [L, A] = O(!1), u = Q.useId(), p = z ?? (S ? [{ subItems: S }] : null), r = !!p, F = o(
27
+ } = 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(
28
28
  e["tedi-sidenav__item"],
29
29
  e[`tedi-sidenav__item--${$}`],
30
30
  {
31
31
  [e[`tedi-sidenav__item--level-${c}`]]: c > 1,
32
32
  [e["tedi-sidenav__item--current"]]: b,
33
- [e["tedi-sidenav__item--has-children"]]: r
33
+ [e["tedi-sidenav__item--has-children"]]: d,
34
+ [e["tedi-sidenav__item--with-tree"]]: F
34
35
  },
35
36
  H
36
- ), v = (a) => {
37
+ ), v = (i) => {
37
38
  const t = {
38
39
  color: "white",
39
40
  className: o(e["tedi-sidenav__icon"])
40
- }, N = typeof a == "string" ? { ...t, name: a } : {
41
+ }, N = typeof i == "string" ? { ...t, name: i } : {
41
42
  ...t,
42
- ...a,
43
- className: o(t.className, a == null ? void 0 : a.className)
43
+ ...i,
44
+ className: o(t.className, i == null ? void 0 : i.className)
44
45
  };
45
- return /* @__PURE__ */ s(P, { ...N });
46
- }, G = (a) => {
47
- I == null || I(a), r || h == null || h();
48
- }, C = (a) => {
49
- D(a);
50
- }, W = (a) => {
51
- (a.key === "Enter" || a.key === " ") && (a.preventDefault(), D((g) => {
46
+ return /* @__PURE__ */ a(P, { ...N });
47
+ }, W = (i) => {
48
+ I == null || I(i), d || h == null || h();
49
+ }, C = (i) => {
50
+ D(i);
51
+ }, q = (i) => {
52
+ (i.key === "Enter" || i.key === " ") && (i.preventDefault(), D((g) => {
52
53
  const t = !g;
53
54
  return C(t), t;
54
55
  }));
55
- }, q = r && (_.href || _.to), x = {
56
+ }, J = d && (_.href || _.to), x = {
56
57
  ..._,
57
58
  as: k,
58
- onClick: G,
59
- className: o(e["tedi-sidenav__link"], q && e["tedi-sidenav__link--has-children-link"]),
59
+ onClick: W,
60
+ className: o(e["tedi-sidenav__link"], J && e["tedi-sidenav__link--has-children-link"]),
60
61
  noStyle: !0,
61
62
  role: "menuitem",
62
63
  "aria-current": b ? "page" : void 0,
63
64
  "aria-label": m && typeof n == "string" ? n : void 0,
64
- ...r ? {
65
+ ...d ? {
65
66
  "aria-haspopup": "true",
66
- "aria-expanded": d,
67
+ "aria-expanded": r,
67
68
  "aria-controls": u
68
69
  } : {}
69
- }, w = () => !m && (p == null ? void 0 : p.map((a, g) => {
70
+ }, w = () => !m && (p == null ? void 0 : p.map((i, g) => {
70
71
  var t;
71
72
  return /* @__PURE__ */ l("div", { children: [
72
- (a == null ? void 0 : a.subHeading) && /* @__PURE__ */ s("div", { className: e["tedi-sidenav__subheading"], children: a.subHeading }),
73
- /* @__PURE__ */ s("ul", { className: e["tedi-sidenav__list"], role: "menu", children: (t = a.subItems) == null ? void 0 : t.map((N, J) => /* @__PURE__ */ R(
74
- X,
73
+ (i == null ? void 0 : i.subHeading) && /* @__PURE__ */ a("div", { className: e["tedi-sidenav__subheading"], children: i.subHeading }),
74
+ /* @__PURE__ */ a("ul", { className: e["tedi-sidenav__list"], role: "menu", children: (t = i.subItems) == null ? void 0 : t.map((N, Q) => /* @__PURE__ */ U(
75
+ Y,
75
76
  {
76
77
  as: k,
77
78
  ...N,
78
- key: J,
79
+ key: Q,
79
80
  level: c + 1,
80
81
  onItemClick: h,
81
82
  isCollapsed: m,
@@ -83,16 +84,16 @@ const X = (j) => {
83
84
  }
84
85
  )) })
85
86
  ] }, g);
86
- })), E = /* @__PURE__ */ s("li", { "data-name": "sidenav-item", className: F, children: r && m ? /* @__PURE__ */ s(
87
- U,
87
+ })), E = /* @__PURE__ */ a("li", { "data-name": "sidenav-item", className: G, children: d && m ? /* @__PURE__ */ a(
88
+ V,
88
89
  {
89
- trigger: /* @__PURE__ */ s(f.Trigger, { children: /* @__PURE__ */ l(
90
+ trigger: /* @__PURE__ */ a(f.Trigger, { children: /* @__PURE__ */ l(
90
91
  "span",
91
92
  {
92
93
  className: o(e["tedi-sidenav__link"], L && e["tedi-sidenav__link--active"]),
93
94
  children: [
94
- i && v(i),
95
- /* @__PURE__ */ s(
95
+ s && v(s),
96
+ /* @__PURE__ */ a(
96
97
  P,
97
98
  {
98
99
  name: L ? "chevron_right" : "expand_more",
@@ -101,7 +102,7 @@ const X = (j) => {
101
102
  size: 18
102
103
  }
103
104
  ),
104
- /* @__PURE__ */ s("span", { className: e["tedi-sidenav__title"], children: n })
105
+ /* @__PURE__ */ a("span", { className: e["tedi-sidenav__title"], children: n })
105
106
  ]
106
107
  }
107
108
  ) }),
@@ -109,36 +110,36 @@ const X = (j) => {
109
110
  groups: p,
110
111
  onOpenChange: A
111
112
  }
112
- ) : r && c === 1 ? _.href || _.to ? /* @__PURE__ */ l(M, { children: [
113
- /* @__PURE__ */ l(y, { ...x, children: [
114
- i && v(i),
115
- /* @__PURE__ */ s("span", { className: e["tedi-sidenav__title"], children: n })
113
+ ) : d && c === 1 ? _.href || _.to ? /* @__PURE__ */ l(M, { children: [
114
+ /* @__PURE__ */ l(T, { ...x, children: [
115
+ s && v(s),
116
+ /* @__PURE__ */ a("span", { className: e["tedi-sidenav__title"], children: n })
116
117
  ] }),
117
- /* @__PURE__ */ s("div", { className: e["tedi-sidenav__link-collapse-wrapper"], children: /* @__PURE__ */ s(
118
+ /* @__PURE__ */ a("div", { className: e["tedi-sidenav__link-collapse-wrapper"], children: /* @__PURE__ */ a(
118
119
  B,
119
120
  {
120
121
  id: u,
121
122
  hideCollapseText: !0,
122
- open: d,
123
+ open: r,
123
124
  onToggle: C,
124
- toggleLabel: T("sidenav.toggleSubmenuChildren", {
125
- isCollapsedInternal: d,
125
+ toggleLabel: S("sidenav.toggleSubmenuChildren", {
126
+ isCollapsedInternal: r,
126
127
  children: n
127
128
  }),
128
129
  className: e["tedi-sidenav__collapse"],
129
130
  children: w()
130
131
  }
131
132
  ) })
132
- ] }) : /* @__PURE__ */ s(
133
+ ] }) : /* @__PURE__ */ a(
133
134
  B,
134
135
  {
135
136
  id: u,
136
137
  hideCollapseText: !0,
137
- open: d,
138
+ open: r,
138
139
  onToggle: C,
139
140
  className: e["tedi-sidenav__collapse"],
140
- toggleLabel: T("sidenav.toggleSubmenuChildren", {
141
- isCollapsedInternal: d,
141
+ toggleLabel: S("sidenav.toggleSubmenuChildren", {
142
+ isCollapsedInternal: r,
142
143
  children: n
143
144
  }),
144
145
  title: /* @__PURE__ */ l(
@@ -146,37 +147,37 @@ const X = (j) => {
146
147
  {
147
148
  className: o(
148
149
  e["tedi-sidenav__link"],
149
- d && e["tedi-sidenav__link--active"]
150
+ r && e["tedi-sidenav__link--active"]
150
151
  ),
151
152
  role: "button",
152
- "aria-expanded": d,
153
+ "aria-expanded": r,
153
154
  "aria-controls": u,
154
155
  "aria-current": b ? "page" : void 0,
155
- onKeyDown: W,
156
+ onKeyDown: q,
156
157
  children: [
157
- i && v(i),
158
- /* @__PURE__ */ s("span", { className: e["tedi-sidenav__title"], children: n })
158
+ s && v(s),
159
+ /* @__PURE__ */ a("span", { className: e["tedi-sidenav__title"], children: n })
159
160
  ]
160
161
  }
161
162
  ),
162
163
  children: w()
163
164
  }
164
- ) : r ? /* @__PURE__ */ l(M, { children: [
165
- /* @__PURE__ */ l(y, { ...x, children: [
166
- i && v(i),
167
- /* @__PURE__ */ s("span", { className: e["tedi-sidenav__title"], children: n }),
168
- /* @__PURE__ */ s("i", { className: e["tedi-sidenav__bullet"] })
165
+ ) : d ? /* @__PURE__ */ l(M, { children: [
166
+ /* @__PURE__ */ l(T, { ...x, children: [
167
+ s && v(s),
168
+ /* @__PURE__ */ a("span", { className: e["tedi-sidenav__title"], children: n }),
169
+ /* @__PURE__ */ a("i", { className: e["tedi-sidenav__bullet"] })
169
170
  ] }),
170
171
  w()
171
- ] }) : /* @__PURE__ */ s(f.Trigger, { children: /* @__PURE__ */ l(y, { ...x, children: [
172
- i && v(i),
173
- /* @__PURE__ */ s("span", { className: e["tedi-sidenav__title"], children: n })
172
+ ] }) : /* @__PURE__ */ a(f.Trigger, { children: /* @__PURE__ */ l(T, { ...x, children: [
173
+ s && v(s),
174
+ /* @__PURE__ */ a("span", { className: e["tedi-sidenav__title"], children: n })
174
175
  ] }) }) });
175
176
  return c === 1 && m ? /* @__PURE__ */ l(f, { placement: "right", focusManager: void 0, children: [
176
- /* @__PURE__ */ s(f.Content, { maxWidth: "medium", children: n }),
177
+ /* @__PURE__ */ a(f.Content, { maxWidth: "medium", children: n }),
177
178
  E
178
179
  ] }) : E;
179
180
  };
180
181
  export {
181
- X as SideNavItem
182
+ Y as SideNavItem
182
183
  };
@@ -5,3 +5,4 @@ export declare const exampleDefaultOpen: SideNavItemProps[];
5
5
  export declare const exampleNavCollapsibleItemsWithLinks: SideNavItemProps[];
6
6
  export declare const exampleThirdLevelMenuItems: SideNavItemProps[];
7
7
  export declare const exampleThirdLevelMenuItemsLinks: SideNavItemProps[];
8
+ export declare const exampleThirdLevelMenuItemsLinksWithSubTitles: SideNavItemProps[];
@@ -89,7 +89,7 @@ export declare const SideNav: (<C extends React.ElementType = "a">(props: SideNa
89
89
  Dropdown: <C extends React.ElementType = "a">({ trigger, groups, onOpenChange, as, }: {
90
90
  trigger: React.ReactNode;
91
91
  groups: {
92
- subHeading?: string;
92
+ subHeading?: React.ReactNode;
93
93
  subItems: SideNavItemProps<C>[];
94
94
  }[];
95
95
  onOpenChange?: (isOpen: boolean) => void;
@@ -1 +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__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;
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;
@@ -13,6 +13,7 @@ const e = {
13
13
  "tedi-sidenav__overlay": "tedi-sidenav__overlay-5feeb550",
14
14
  "tedi-sidenav__item--level-2": "tedi-sidenav__item--level-2-3ed1a7e8",
15
15
  "tedi-sidenav__list": "tedi-sidenav__list-58d1ae41",
16
+ "tedi-sidenav__item--with-tree": "tedi-sidenav__item--with-tree-39198d0d",
16
17
  "tedi-sidenav__sub-item": "tedi-sidenav__sub-item-c714d866",
17
18
  "tedi-sidenav__link--has-children-link": "tedi-sidenav__link--has-children-link-1d49019f",
18
19
  "tedi-sidenav__link-collapse-wrapper": "tedi-sidenav__link-collapse-wrapper-cd74f534",