@tedi-design-system/react 16.0.0-rc.10 → 16.0.0-rc.12

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.
Files changed (58) hide show
  1. package/_virtual/index.cjs10.js +1 -1
  2. package/_virtual/index.cjs11.js +1 -1
  3. package/_virtual/index.cjs12.js +1 -1
  4. package/_virtual/index.cjs13.js +1 -1
  5. package/_virtual/index.cjs5.js +1 -1
  6. package/_virtual/index.cjs6.js +1 -1
  7. package/_virtual/index.cjs7.js +1 -1
  8. package/_virtual/index.cjs8.js +1 -1
  9. package/_virtual/index.cjs9.js +1 -1
  10. package/_virtual/index.es10.js +1 -1
  11. package/_virtual/index.es11.js +1 -1
  12. package/_virtual/index.es12.js +1 -1
  13. package/_virtual/index.es13.js +2 -4
  14. package/_virtual/index.es14.js +2 -2
  15. package/_virtual/index.es5.js +4 -2
  16. package/_virtual/index.es6.js +1 -1
  17. package/_virtual/index.es7.js +1 -1
  18. package/_virtual/index.es8.js +1 -1
  19. package/_virtual/index.es9.js +1 -1
  20. package/bundle-stats.html +1 -1
  21. package/external/@mui/system/colorManipulator.cjs.js +1 -1
  22. package/external/@mui/system/colorManipulator.es.js +2 -2
  23. package/external/@mui/system/createStyled.cjs.js +1 -1
  24. package/external/@mui/system/createStyled.es.js +6 -6
  25. package/external/@mui/system/useThemeWithoutDefault.cjs.js +1 -1
  26. package/external/@mui/system/useThemeWithoutDefault.es.js +1 -1
  27. package/external/hoist-non-react-statics/external/react-is/cjs/react-is.development.cjs.js +1 -1
  28. package/external/hoist-non-react-statics/external/react-is/cjs/react-is.development.es.js +1 -1
  29. package/external/hoist-non-react-statics/external/react-is/cjs/react-is.production.min.cjs.js +1 -1
  30. package/external/hoist-non-react-statics/external/react-is/cjs/react-is.production.min.es.js +1 -1
  31. package/external/hoist-non-react-statics/external/react-is/index.cjs.js +1 -1
  32. package/external/hoist-non-react-statics/external/react-is/index.es.js +1 -1
  33. package/external/prop-types/external/react-is/cjs/react-is.development.cjs.js +1 -1
  34. package/external/prop-types/external/react-is/cjs/react-is.development.es.js +1 -1
  35. package/external/prop-types/external/react-is/cjs/react-is.production.min.cjs.js +1 -1
  36. package/external/prop-types/external/react-is/cjs/react-is.production.min.es.js +1 -1
  37. package/external/prop-types/external/react-is/index.cjs.js +1 -1
  38. package/external/prop-types/external/react-is/index.es.js +1 -1
  39. package/external/react-is/index.cjs.js +1 -1
  40. package/external/react-is/index.es.js +1 -1
  41. package/external/toposort/index.cjs.js +1 -1
  42. package/external/toposort/index.es.js +1 -1
  43. package/index.css +1 -1
  44. package/package.json +2 -2
  45. package/src/tedi/components/buttons/button-content/button-content.cjs.js +1 -1
  46. package/src/tedi/components/buttons/button-content/button-content.es.js +54 -54
  47. package/src/tedi/components/buttons/button-content/button-content.module.scss.cjs.js +1 -1
  48. package/src/tedi/components/buttons/button-content/button-content.module.scss.es.js +2 -1
  49. package/src/tedi/components/buttons/floating-button/floating-button.module.scss.cjs.js +1 -1
  50. package/src/tedi/components/buttons/floating-button/floating-button.module.scss.es.js +2 -1
  51. package/src/tedi/components/layout/sidenav/components/sidenav-dropdown/sidenav-dropdown.d.ts +1 -1
  52. package/src/tedi/components/layout/sidenav/components/sidenav-item/sidenav-item.cjs.js +1 -1
  53. package/src/tedi/components/layout/sidenav/components/sidenav-item/sidenav-item.d.ts +1 -1
  54. package/src/tedi/components/layout/sidenav/components/sidenav-item/sidenav-item.es.js +65 -64
  55. package/src/tedi/components/layout/sidenav/examples.d.ts +1 -0
  56. package/src/tedi/components/layout/sidenav/sidenav.d.ts +1 -1
  57. package/src/tedi/components/layout/sidenav/sidenav.module.scss.cjs.js +1 -1
  58. package/src/tedi/components/layout/sidenav/sidenav.module.scss.es.js +1 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tedi-design-system/react",
3
- "version": "16.0.0-rc.10",
3
+ "version": "16.0.0-rc.12",
4
4
  "type": "module",
5
5
  "sideEffects": false,
6
6
  "exports": {
@@ -43,7 +43,7 @@
43
43
  "@mui/material": "^5.15.13",
44
44
  "@mui/x-date-pickers": "^5.0.20",
45
45
  "@tanstack/react-table": "^8.13.2",
46
- "@tedi-design-system/core": "3.0.1",
46
+ "@tedi-design-system/core": "3.2.0",
47
47
  "classnames": "^2.5.1",
48
48
  "draft-js": "^0.11.7",
49
49
  "draftjs-md-converter": "^1.5.2",
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),r=require("../../../../../external/classnames/index.cjs.js"),D=require("react"),F=require("../../base/icon/icon.cjs.js"),v=require("../../loaders/spinner/spinner.cjs.js"),G=require("../../misc/print/print.cjs.js"),t=require("./button-content.module.scss.cjs.js"),b=require("../../overlays/tooltip/tooltip.cjs.js"),T=D.forwardRef(({children:o,as:g,_text:J,className:p,visualType:m="primary",color:h="default",size:i,icon:l,iconLeft:d,iconRight:u,underline:k=!1,isHovered:E,isActive:M,isLoading:a=!1,noStyle:_,_renderWrapperElement:K,fullWidth:x,onClick:j,showTooltip:P=!1,...y},w)=>{const S=g||"button",C=l||d||u,A=_?r.default(t.default["tedi-btn--no-style"],{[t.default["tedi-btn--full-width"]]:x},p):r.default(t.default["tedi-btn"],t.default[`tedi-btn--${m}`],t.default[`tedi-btn--${h}`],{[t.default[`tedi-btn--${i}`]]:i},{[t.default["tedi-btn--underline"]]:k},{[t.default["tedi-btn--is-hovered"]]:E},{[t.default["tedi-btn--is-active"]]:M},{[t.default["tedi-btn--is-loading"]]:a},{[t.default["tedi-btn--icon-only"]]:l},{[t.default["tedi-btn--icon"]]:C},{[t.default["tedi-btn--full-width"]]:x},p),f=(e,s)=>{const R=r.default(t.default["tedi-btn__icon"],t.default[`tedi-btn__icon--${e}`],{[t.default["tedi-btn__spinner"]]:a}),c={size:i==="large"?24:18,className:R,...m==="link"?{display:"inline"}:{}},q=typeof s=="string"?{...c,name:s}:{...c,...s,className:r.default(c.className,s==null?void 0:s.className)};return a?n.jsx(v.Spinner,{className:q.className,size:18}):n.jsx(F.Icon,{...q})},O=()=>{const e=a?n.jsx(v.Spinner,{position:C?void 0:"absolute",className:r.default(t.default["tedi-btn__spinner"],t.default["tedi-btn__spinner--left"]),size:18}):d?f("left",d):l?f("center",l):null;return n.jsxs("span",{className:t.default["tedi-btn__inner"],children:[e,n.jsx("span",{className:t.default["tedi-btn__text"],children:o}),!a&&u&&f("right",u)]})},z=e=>{j&&!a&&j(e)},H=!!l,N=(e=>{if(typeof e=="string")return e;if(Array.isArray(e))return e.map(s=>typeof s=="string"?s:"").join("").trim()})(o),B=n.jsx(S,{"data-name":"button-content",...y,"aria-disabled":a||y["aria-disabled"],"aria-busy":a||void 0,onClick:z,ref:w,className:A,children:_?o:O()});return n.jsx(G.Print,{visibility:"hide",children:P&&H&&N?n.jsxs(b.Tooltip,{children:[n.jsx(b.Tooltip.Trigger,{children:B}),n.jsx(b.Tooltip.Content,{children:N})]}):B})});T.displayName="ButtonContent";const I=T;exports.ButtonContent=I;exports.default=I;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),r=require("../../../../../external/classnames/index.cjs.js"),D=require("react"),F=require("../../base/icon/icon.cjs.js"),q=require("../../loaders/spinner/spinner.cjs.js"),G=require("../../misc/print/print.cjs.js"),t=require("./button-content.module.scss.cjs.js"),b=require("../../overlays/tooltip/tooltip.cjs.js"),T=D.forwardRef(({children:d,as:g,_text:J,className:p,visualType:h="primary",color:E="default",size:o,icon:l,iconLeft:u,iconRight:i,underline:M=!1,isHovered:P,isActive:w,isLoading:a=!1,noStyle:m,_renderWrapperElement:K,fullWidth:_,onClick:x,showTooltip:S=!1,...j},A)=>{const y=g||"button",C=l||u||i,O=m?r.default(t.default["tedi-btn--no-style"],{[t.default["tedi-btn--full-width"]]:_},p):r.default(t.default["tedi-btn"],t.default[`tedi-btn--${h}`],t.default[`tedi-btn--${E}`],{[t.default[`tedi-btn--${o}`]]:o},{[t.default["tedi-btn--underline"]]:M},{[t.default["tedi-btn--is-hovered"]]:P},{[t.default["tedi-btn--is-active"]]:w},{[t.default["tedi-btn--is-loading"]]:a},{[t.default["tedi-btn--icon-only"]]:l},{[t.default["tedi-btn--icon"]]:C},{[t.default["tedi-btn--full-width"]]:_},p),f=(e,s)=>{const z=r.default(t.default["tedi-btn__icon"],t.default[`tedi-btn__icon--${e}`],{[t.default["tedi-btn__spinner"]]:a,[t.default["tedi-btn__icon-responsive"]]:y==="a"&&o==="small"}),c={size:o==="large"?24:18,className:z},B=typeof s=="string"?{...c,name:s}:{...c,...s,className:r.default(c.className,s==null?void 0:s.className)};return a?n.jsx(q.Spinner,{className:B.className,size:18}):n.jsx(F.Icon,{...B})},k=()=>{const e=a?n.jsx(q.Spinner,{position:C?void 0:"absolute",className:r.default(t.default["tedi-btn__spinner"],t.default["tedi-btn__spinner--left"]),size:18}):u?f("left",u):l?f("center",l):null;return n.jsxs("span",{className:t.default["tedi-btn__inner"],children:[e,n.jsx("span",{className:t.default["tedi-btn__text"],children:d}),!a&&i&&f("right",i)]})},H=e=>{x&&!a&&x(e)},R=!!l,N=(e=>{if(typeof e=="string")return e;if(Array.isArray(e))return e.map(s=>typeof s=="string"?s:"").join("").trim()})(d),v=n.jsx(y,{"data-name":"button-content",...j,"aria-disabled":a||j["aria-disabled"],"aria-busy":a||void 0,onClick:H,ref:A,className:O,children:m?d:k()});return n.jsx(G.Print,{visibility:"hide",children:S&&R&&N?n.jsxs(b.Tooltip,{children:[n.jsx(b.Tooltip.Trigger,{children:v}),n.jsx(b.Tooltip.Content,{children:N})]}):v})});T.displayName="ButtonContent";const I=T;exports.ButtonContent=I;exports.default=I;
@@ -1,98 +1,98 @@
1
- import { jsx as s, jsxs as h } from "react/jsx-runtime";
2
- import i from "../../../../../external/classnames/index.es.js";
1
+ import { jsx as s, jsxs as T } from "react/jsx-runtime";
2
+ import a from "../../../../../external/classnames/index.es.js";
3
3
  import { forwardRef as F } from "react";
4
4
  import { Icon as G } from "../../base/icon/icon.es.js";
5
- import { Spinner as k } from "../../loaders/spinner/spinner.es.js";
5
+ import { Spinner as h } from "../../loaders/spinner/spinner.es.js";
6
6
  import { Print as J } from "../../misc/print/print.es.js";
7
7
  import t from "./button-content.module.scss.es.js";
8
8
  import { Tooltip as c } from "../../overlays/tooltip/tooltip.es.js";
9
9
  const E = F(
10
10
  ({
11
- children: a,
12
- as: T,
11
+ children: l,
12
+ as: $,
13
13
  _text: K,
14
14
  className: f,
15
- visualType: u = "primary",
16
- color: $ = "default",
17
- size: l,
15
+ visualType: j = "primary",
16
+ color: w = "default",
17
+ size: i,
18
18
  icon: o,
19
19
  iconLeft: d,
20
20
  iconRight: m,
21
- underline: j = !1,
22
- isHovered: w,
23
- isActive: P,
21
+ underline: P = !1,
22
+ isHovered: g,
23
+ isActive: A,
24
24
  isLoading: r = !1,
25
- noStyle: _,
25
+ noStyle: u,
26
26
  _renderWrapperElement: Q,
27
- fullWidth: y,
28
- onClick: N,
29
- showTooltip: g = !1,
30
- ...x
31
- }, A) => {
32
- const M = T || "button", B = o || d || m, z = _ ? i(t["tedi-btn--no-style"], { [t["tedi-btn--full-width"]]: y }, f) : i(
27
+ fullWidth: _,
28
+ onClick: y,
29
+ showTooltip: M = !1,
30
+ ...N
31
+ }, k) => {
32
+ const x = $ || "button", B = o || d || m, H = u ? a(t["tedi-btn--no-style"], { [t["tedi-btn--full-width"]]: _ }, f) : a(
33
33
  t["tedi-btn"],
34
- t[`tedi-btn--${u}`],
35
- t[`tedi-btn--${$}`],
36
- { [t[`tedi-btn--${l}`]]: l },
37
- { [t["tedi-btn--underline"]]: j },
38
- { [t["tedi-btn--is-hovered"]]: w },
39
- { [t["tedi-btn--is-active"]]: P },
34
+ t[`tedi-btn--${j}`],
35
+ t[`tedi-btn--${w}`],
36
+ { [t[`tedi-btn--${i}`]]: i },
37
+ { [t["tedi-btn--underline"]]: P },
38
+ { [t["tedi-btn--is-hovered"]]: g },
39
+ { [t["tedi-btn--is-active"]]: A },
40
40
  { [t["tedi-btn--is-loading"]]: r },
41
41
  { [t["tedi-btn--icon-only"]]: o },
42
42
  { [t["tedi-btn--icon"]]: B },
43
- { [t["tedi-btn--full-width"]]: y },
43
+ { [t["tedi-btn--full-width"]]: _ },
44
44
  f
45
45
  ), b = (e, n) => {
46
- const D = i(t["tedi-btn__icon"], t[`tedi-btn__icon--${e}`], {
47
- [t["tedi-btn__spinner"]]: r
46
+ const D = a(t["tedi-btn__icon"], t[`tedi-btn__icon--${e}`], {
47
+ [t["tedi-btn__spinner"]]: r,
48
+ [t["tedi-btn__icon-responsive"]]: x === "a" && i === "small"
48
49
  }), p = {
49
- size: l === "large" ? 24 : 18,
50
- className: D,
51
- ...u === "link" ? { display: "inline" } : {}
52
- }, v = typeof n == "string" ? { ...p, name: n } : { ...p, ...n, className: i(p.className, n == null ? void 0 : n.className) };
53
- return r ? /* @__PURE__ */ s(k, { className: v.className, size: 18 }) : /* @__PURE__ */ s(G, { ...v });
54
- }, H = () => {
50
+ size: i === "large" ? 24 : 18,
51
+ className: D
52
+ }, I = typeof n == "string" ? { ...p, name: n } : { ...p, ...n, className: a(p.className, n == null ? void 0 : n.className) };
53
+ return r ? /* @__PURE__ */ s(h, { className: I.className, size: 18 }) : /* @__PURE__ */ s(G, { ...I });
54
+ }, O = () => {
55
55
  const e = r ? /* @__PURE__ */ s(
56
- k,
56
+ h,
57
57
  {
58
58
  position: B ? void 0 : "absolute",
59
- className: i(t["tedi-btn__spinner"], t["tedi-btn__spinner--left"]),
59
+ className: a(t["tedi-btn__spinner"], t["tedi-btn__spinner--left"]),
60
60
  size: 18
61
61
  }
62
62
  ) : d ? b("left", d) : o ? b("center", o) : null;
63
- return /* @__PURE__ */ h("span", { className: t["tedi-btn__inner"], children: [
63
+ return /* @__PURE__ */ T("span", { className: t["tedi-btn__inner"], children: [
64
64
  e,
65
- /* @__PURE__ */ s("span", { className: t["tedi-btn__text"], children: a }),
65
+ /* @__PURE__ */ s("span", { className: t["tedi-btn__text"], children: l }),
66
66
  !r && m && b("right", m)
67
67
  ] });
68
- }, O = (e) => {
69
- N && !r && N(e);
70
- }, q = !!o, C = ((e) => {
68
+ }, q = (e) => {
69
+ y && !r && y(e);
70
+ }, z = !!o, C = ((e) => {
71
71
  if (typeof e == "string") return e;
72
72
  if (Array.isArray(e))
73
73
  return e.map((n) => typeof n == "string" ? n : "").join("").trim();
74
- })(a), I = /* @__PURE__ */ s(
75
- M,
74
+ })(l), v = /* @__PURE__ */ s(
75
+ x,
76
76
  {
77
77
  "data-name": "button-content",
78
- ...x,
79
- "aria-disabled": r || x["aria-disabled"],
78
+ ...N,
79
+ "aria-disabled": r || N["aria-disabled"],
80
80
  "aria-busy": r || void 0,
81
- onClick: O,
82
- ref: A,
83
- className: z,
84
- children: _ ? a : H()
81
+ onClick: q,
82
+ ref: k,
83
+ className: H,
84
+ children: u ? l : O()
85
85
  }
86
86
  );
87
- return /* @__PURE__ */ s(J, { visibility: "hide", children: g && q && C ? /* @__PURE__ */ h(c, { children: [
88
- /* @__PURE__ */ s(c.Trigger, { children: I }),
87
+ return /* @__PURE__ */ s(J, { visibility: "hide", children: M && z && C ? /* @__PURE__ */ T(c, { children: [
88
+ /* @__PURE__ */ s(c.Trigger, { children: v }),
89
89
  /* @__PURE__ */ s(c.Content, { children: C })
90
- ] }) : I });
90
+ ] }) : v });
91
91
  }
92
92
  );
93
93
  E.displayName = "ButtonContent";
94
- const et = E;
94
+ const tt = E;
95
95
  export {
96
- et as ButtonContent,
97
- et as default
96
+ tt as ButtonContent,
97
+ tt as default
98
98
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-btn":"tedi-btn-f8b478d7","tedi-btn--small":"tedi-btn--small-e94b9068","tedi-btn--icon-only":"tedi-btn--icon-only-ca6a5cf1","tedi-btn--large":"tedi-btn--large-7e783e1a","tedi-btn--neutral":"tedi-btn--neutral-c8726f60","tedi-btn--default":"tedi-btn--default-9fd10888","tedi-btn--danger":"tedi-btn--danger-9c01f2b8","tedi-btn__text":"tedi-btn__text-a9860fef","tedi-btn--primary":"tedi-btn--primary-8ae5fe2e","tedi-btn--is-active":"tedi-btn--is-active-a575ad1a","tedi-btn--is-hovered":"tedi-btn--is-hovered-5b87ccb5","tedi-btn--secondary":"tedi-btn--secondary-770ac807","tedi-btn--success":"tedi-btn--success-92db7606","tedi-btn--inverted":"tedi-btn--inverted-fd168601","tedi-btn--link":"tedi-btn--link-33d9c4c6","tedi-btn--text-color":"tedi-btn--text-color-f85da3c7","tedi-btn__icon--left":"tedi-btn__icon--left-63fdbc12","tedi-btn__icon--right":"tedi-btn__icon--right-67cbf204","tedi-btn--is-loading":"tedi-btn--is-loading-4ead0e89","tedi-btn--icon":"tedi-btn--icon-dbc3eb30","tedi-btn__icon":"tedi-btn__icon-cffac719","tedi-btn__inner":"tedi-btn__inner-ee6403e9","tedi-btn__icon-standalone--link":"tedi-btn__icon-standalone--link-d6b6714d","tedi-btn__spinner":"tedi-btn__spinner-abd3f027","tedi-btn--underline":"tedi-btn--underline-bf1600fb","tedi-btn--no-style":"tedi-btn--no-style-f6dfaa4d","tedi-btn--full-width":"tedi-btn--full-width-f1e5f1b3"};exports.default=t;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-btn":"tedi-btn-f8b478d7","tedi-btn--small":"tedi-btn--small-e94b9068","tedi-btn--icon-only":"tedi-btn--icon-only-ca6a5cf1","tedi-btn--large":"tedi-btn--large-7e783e1a","tedi-btn--neutral":"tedi-btn--neutral-c8726f60","tedi-btn--default":"tedi-btn--default-9fd10888","tedi-btn--danger":"tedi-btn--danger-9c01f2b8","tedi-btn__text":"tedi-btn__text-a9860fef","tedi-btn--primary":"tedi-btn--primary-8ae5fe2e","tedi-btn--is-active":"tedi-btn--is-active-a575ad1a","tedi-btn--is-hovered":"tedi-btn--is-hovered-5b87ccb5","tedi-btn--secondary":"tedi-btn--secondary-770ac807","tedi-btn--success":"tedi-btn--success-92db7606","tedi-btn--inverted":"tedi-btn--inverted-fd168601","tedi-btn--link":"tedi-btn--link-33d9c4c6","tedi-btn--text-color":"tedi-btn--text-color-f85da3c7","tedi-btn__inner":"tedi-btn__inner-ee6403e9","tedi-btn__icon--left":"tedi-btn__icon--left-63fdbc12","tedi-btn__icon--right":"tedi-btn__icon--right-67cbf204","tedi-btn__icon-responsive":"tedi-btn__icon-responsive-91341acf","tedi-btn--is-loading":"tedi-btn--is-loading-4ead0e89","tedi-btn--icon":"tedi-btn--icon-dbc3eb30","tedi-btn__icon":"tedi-btn__icon-cffac719","tedi-btn__icon-standalone--link":"tedi-btn__icon-standalone--link-d6b6714d","tedi-btn__spinner":"tedi-btn__spinner-abd3f027","tedi-btn--underline":"tedi-btn--underline-bf1600fb","tedi-btn--no-style":"tedi-btn--no-style-f6dfaa4d","tedi-btn--full-width":"tedi-btn--full-width-f1e5f1b3"};exports.default=t;
@@ -15,12 +15,13 @@ const t = {
15
15
  "tedi-btn--inverted": "tedi-btn--inverted-fd168601",
16
16
  "tedi-btn--link": "tedi-btn--link-33d9c4c6",
17
17
  "tedi-btn--text-color": "tedi-btn--text-color-f85da3c7",
18
+ "tedi-btn__inner": "tedi-btn__inner-ee6403e9",
18
19
  "tedi-btn__icon--left": "tedi-btn__icon--left-63fdbc12",
19
20
  "tedi-btn__icon--right": "tedi-btn__icon--right-67cbf204",
21
+ "tedi-btn__icon-responsive": "tedi-btn__icon-responsive-91341acf",
20
22
  "tedi-btn--is-loading": "tedi-btn--is-loading-4ead0e89",
21
23
  "tedi-btn--icon": "tedi-btn--icon-dbc3eb30",
22
24
  "tedi-btn__icon": "tedi-btn__icon-cffac719",
23
- "tedi-btn__inner": "tedi-btn__inner-ee6403e9",
24
25
  "tedi-btn__icon-standalone--link": "tedi-btn__icon-standalone--link-d6b6714d",
25
26
  "tedi-btn__spinner": "tedi-btn__spinner-abd3f027",
26
27
  "tedi-btn--underline": "tedi-btn--underline-bf1600fb",
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-btn":"tedi-btn-46574e9e","tedi-btn--small":"tedi-btn--small-97569c3a","tedi-btn--icon-only":"tedi-btn--icon-only-687afb86","tedi-btn--large":"tedi-btn--large-30b2336f","tedi-btn--neutral":"tedi-btn--neutral-dfb5e967","tedi-btn--default":"tedi-btn--default-1bab37cf","tedi-btn--danger":"tedi-btn--danger-ce1411e6","tedi-btn__text":"tedi-btn__text-24c50120","tedi-btn--primary":"tedi-btn--primary-d127e524","tedi-btn--is-active":"tedi-btn--is-active-05d20ecf","tedi-btn--is-hovered":"tedi-btn--is-hovered-d798316b","tedi-btn--secondary":"tedi-btn--secondary-ca5af8db","tedi-btn--success":"tedi-btn--success-470ed017","tedi-btn--inverted":"tedi-btn--inverted-b218d4df","tedi-btn--link":"tedi-btn--link-5c908f1f","tedi-btn--text-color":"tedi-btn--text-color-dd311f47","tedi-btn__icon--left":"tedi-btn__icon--left-a9b176d3","tedi-btn__icon--right":"tedi-btn__icon--right-bccdacec","tedi-btn--is-loading":"tedi-btn--is-loading-6534cc98","tedi-btn--icon":"tedi-btn--icon-21bbe29b","tedi-btn__icon":"tedi-btn__icon-8ff68f98","tedi-btn__inner":"tedi-btn__inner-df9867b5","tedi-btn__icon-standalone--link":"tedi-btn__icon-standalone--link-3ad337b4","tedi-btn__spinner":"tedi-btn__spinner-ac3c6e8f","tedi-btn--underline":"tedi-btn--underline-281af007","tedi-btn--no-style":"tedi-btn--no-style-ed02c4bd","tedi-btn--full-width":"tedi-btn--full-width-90cbf5a9","tedi-floating-button":"tedi-floating-button-3c8f9de2","tedi-floating-button--horizontal":"tedi-floating-button--horizontal-48509abb","tedi-floating-button--vertical":"tedi-floating-button--vertical-0ff466d5","tedi-floating-button--primary":"tedi-floating-button--primary-7c6e48ad","tedi-floating-button--secondary":"tedi-floating-button--secondary-f7a0cd3f","tedi-floating-button--medium":"tedi-floating-button--medium-cddc5b75","tedi-floating-button--icon-only":"tedi-floating-button--icon-only-17b35563","tedi-floating-button--large":"tedi-floating-button--large-a688151c"};exports.default=t;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-btn":"tedi-btn-46574e9e","tedi-btn--small":"tedi-btn--small-97569c3a","tedi-btn--icon-only":"tedi-btn--icon-only-687afb86","tedi-btn--large":"tedi-btn--large-30b2336f","tedi-btn--neutral":"tedi-btn--neutral-dfb5e967","tedi-btn--default":"tedi-btn--default-1bab37cf","tedi-btn--danger":"tedi-btn--danger-ce1411e6","tedi-btn__text":"tedi-btn__text-24c50120","tedi-btn--primary":"tedi-btn--primary-d127e524","tedi-btn--is-active":"tedi-btn--is-active-05d20ecf","tedi-btn--is-hovered":"tedi-btn--is-hovered-d798316b","tedi-btn--secondary":"tedi-btn--secondary-ca5af8db","tedi-btn--success":"tedi-btn--success-470ed017","tedi-btn--inverted":"tedi-btn--inverted-b218d4df","tedi-btn--link":"tedi-btn--link-5c908f1f","tedi-btn--text-color":"tedi-btn--text-color-dd311f47","tedi-btn__inner":"tedi-btn__inner-df9867b5","tedi-btn__icon--left":"tedi-btn__icon--left-a9b176d3","tedi-btn__icon--right":"tedi-btn__icon--right-bccdacec","tedi-btn__icon-responsive":"tedi-btn__icon-responsive-201b5d44","tedi-btn--is-loading":"tedi-btn--is-loading-6534cc98","tedi-btn--icon":"tedi-btn--icon-21bbe29b","tedi-btn__icon":"tedi-btn__icon-8ff68f98","tedi-btn__icon-standalone--link":"tedi-btn__icon-standalone--link-3ad337b4","tedi-btn__spinner":"tedi-btn__spinner-ac3c6e8f","tedi-btn--underline":"tedi-btn--underline-281af007","tedi-btn--no-style":"tedi-btn--no-style-ed02c4bd","tedi-btn--full-width":"tedi-btn--full-width-90cbf5a9","tedi-floating-button":"tedi-floating-button-3c8f9de2","tedi-floating-button--horizontal":"tedi-floating-button--horizontal-48509abb","tedi-floating-button--vertical":"tedi-floating-button--vertical-0ff466d5","tedi-floating-button--primary":"tedi-floating-button--primary-7c6e48ad","tedi-floating-button--secondary":"tedi-floating-button--secondary-f7a0cd3f","tedi-floating-button--medium":"tedi-floating-button--medium-cddc5b75","tedi-floating-button--icon-only":"tedi-floating-button--icon-only-17b35563","tedi-floating-button--large":"tedi-floating-button--large-a688151c"};exports.default=t;
@@ -15,12 +15,13 @@ const t = {
15
15
  "tedi-btn--inverted": "tedi-btn--inverted-b218d4df",
16
16
  "tedi-btn--link": "tedi-btn--link-5c908f1f",
17
17
  "tedi-btn--text-color": "tedi-btn--text-color-dd311f47",
18
+ "tedi-btn__inner": "tedi-btn__inner-df9867b5",
18
19
  "tedi-btn__icon--left": "tedi-btn__icon--left-a9b176d3",
19
20
  "tedi-btn__icon--right": "tedi-btn__icon--right-bccdacec",
21
+ "tedi-btn__icon-responsive": "tedi-btn__icon-responsive-201b5d44",
20
22
  "tedi-btn--is-loading": "tedi-btn--is-loading-6534cc98",
21
23
  "tedi-btn--icon": "tedi-btn--icon-21bbe29b",
22
24
  "tedi-btn__icon": "tedi-btn__icon-8ff68f98",
23
- "tedi-btn__inner": "tedi-btn__inner-df9867b5",
24
25
  "tedi-btn__icon-standalone--link": "tedi-btn__icon-standalone--link-3ad337b4",
25
26
  "tedi-btn__spinner": "tedi-btn__spinner-ac3c6e8f",
26
27
  "tedi-btn--underline": "tedi-btn--underline-281af007",
@@ -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",