@tedi-design-system/react 19.1.0-rc.5 → 19.1.0-rc.7

package/src/tedi/components/navigation/table-of-contents/table-of-contents.es.js

@@ -1,70 +1,73 @@
-import { jsx as r, Fragment as w } from "react/jsx-runtime";
-import T from "../../../../../external/classnames/index.es.js";
-import { useMemo as m, createContext as E, Children as N, isValidElement as S } from "react";
-import { Affix as V } from "../../misc/affix/affix.es.js";
-import { TableOfContentsCollapsible as j } from "./components/table-of-contents-collapsible/table-of-contents-collapsible.es.js";
-import { TableOfContentsItem as x } from "./components/table-of-contents-item/table-of-contents-item.es.js";
-import { TableOfContentsList as F } from "./components/table-of-contents-list/table-of-contents-list.es.js";
-import f from "./table-of-contents.module.scss.es.js";
-import { useLabels as H } from "../../../providers/label-provider/use-labels.es.js";
+import { jsx as o, Fragment as B } from "react/jsx-runtime";
+import N from "../../../../../external/classnames/index.es.js";
+import { useMemo as p, createContext as E, Children as k, isValidElement as P } from "react";
+import { Affix as S } from "../../misc/affix/affix.es.js";
+import { TableOfContentsCollapsible as V } from "./components/table-of-contents-collapsible/table-of-contents-collapsible.es.js";
+import { TableOfContentsItem as O } from "./components/table-of-contents-item/table-of-contents-item.es.js";
+import { TableOfContentsList as j } from "./components/table-of-contents-list/table-of-contents-list.es.js";
+import m from "./table-of-contents.module.scss.es.js";
+import { useLabels as F } from "../../../providers/label-provider/use-labels.es.js";
+import { useBreakpointProps as H } from "../../../helpers/hooks/use-breakpoint-props.es.js";
 import { Card as M } from "../../content/card/card.es.js";
-import { CardContent as P } from "../../content/card/card-content/card-content.es.js";
-const $ = E({
+import { CardContent as q } from "../../content/card/card-content/card-content.es.js";
+const z = E({
   activeTrail: /* @__PURE__ */ new Set()
-}), p = (e) => S(e) && e.type === x, O = (e) => N.toArray(e).filter(p).map((l) => {
-  const { id: n, separator: i, children: s } = l.props, o = N.toArray(s), t = o.filter(p), a = o.filter((c) => !p(c));
+}), u = (e) => P(e) && e.type === O, x = (e) => k.toArray(e).filter(u).map((a) => {
+  const { id: i, separator: s, slot: l, children: r } = a.props, t = k.toArray(r), n = t.filter(u), c = t.filter((d) => !u(d));
   return {
-    id: n,
-    separator: i,
-    content: /* @__PURE__ */ r(w, { children: a }),
-    children: t.length ? O(s) : void 0
+    id: i,
+    separator: s,
+    slot: l,
+    content: /* @__PURE__ */ o(B, { children: c }),
+    children: n.length ? x(r) : void 0
   };
-}), q = (e, l) => {
-  const n = /* @__PURE__ */ new Set();
-  if (!l) return n;
-  const i = (s, o) => {
-    for (const t of s) {
-      const a = t.id ? [...o, t.id] : o;
-      if (t.id === l || t.children && i(t.children, a))
-        return a.forEach((c) => n.add(c)), !0;
+}), D = (e, a) => {
+  const i = /* @__PURE__ */ new Set();
+  if (!a) return i;
+  const s = (l, r) => {
+    for (const t of l) {
+      const n = t.id ? [...r, t.id] : r;
+      if (t.id === a || t.children && s(t.children, n))
+        return n.forEach((c) => i.add(c)), !0;
     }
     return !1;
   };
-  return i(e, []), n;
+  return s(e, []), i;
 };
-function h(e) {
-  const { getLabel: l } = H(), {
-    children: n,
-    heading: i,
-    headingLevel: s = "h3",
-    ariaLabel: o,
-    activeId: t,
-    numbered: a = !1,
-    sticky: c = !0,
-    variant: b = "default",
-    padding: u,
-    className: A
-  } = e, L = i === void 0 ? l("table-of-contents.title") : i, d = m(() => O(n), [n]), C = m(() => q(d, t), [d, t]), k = m(
-    () => ({ activeId: t, numbered: a, headingLevel: s, ariaLabel: o, activeTrail: C }),
-    [t, a, s, o, C]
-  ), I = u !== void 0 ? { "--tedi-table-of-contents-padding": `${u}rem` } : void 0, v = /* @__PURE__ */ r(
+function b(e) {
+  const { getLabel: a } = F(), { getCurrentBreakpointProps: i } = H(e.defaultServerBreakpoint), {
+    children: s,
+    heading: l,
+    headingLevel: r = "h3",
+    ariaLabel: t,
+    activeId: n,
+    defaultOpen: c = !0,
+    numbered: d = !1,
+    sticky: h = !0,
+    variant: C = "default",
+    bordered: A = !1,
+    className: L
+  } = i(e), I = l === void 0 ? a("table-of-contents.title") : l, f = p(() => x(s), [s]), v = p(() => D(f, n), [f, n]), w = p(
+    () => ({ activeId: n, numbered: d, headingLevel: r, ariaLabel: t, activeTrail: v, defaultOpen: c }),
+    [n, d, r, t, v, c]
+  ), T = /* @__PURE__ */ o(
     "div",
     {
-      className: T(f["tedi-table-of-contents"], {
-        [f["tedi-table-of-contents--transparent"]]: b === "transparent"
+      className: N(m["tedi-table-of-contents"], {
+        [m["tedi-table-of-contents--transparent"]]: C === "transparent",
+        [m["tedi-table-of-contents--bordered"]]: A
       }),
-      style: I,
-      children: /* @__PURE__ */ r(F, { nodes: d, heading: L })
+      children: /* @__PURE__ */ o(j, { nodes: f, heading: I })
     }
-  ), y = T({ [f["tedi-table-of-contents--sticky"]]: c }, A), g = b === "transparent" ? /* @__PURE__ */ r("div", { className: y, children: v }) : /* @__PURE__ */ r(M, { className: y, children: /* @__PURE__ */ r(P, { padding: 0, children: v }) });
-  return /* @__PURE__ */ r($.Provider, { value: k, children: c ? /* @__PURE__ */ r(V, { position: "sticky", top: 1.5, bottom: 1.5, children: g }) : g });
+  ), g = N({ [m["tedi-table-of-contents--sticky"]]: h }, L), y = C === "transparent" ? /* @__PURE__ */ o("div", { className: g, children: T }) : /* @__PURE__ */ o(M, { className: g, children: /* @__PURE__ */ o(q, { padding: 0, children: T }) });
+  return /* @__PURE__ */ o(z.Provider, { value: w, children: h ? /* @__PURE__ */ o(S, { position: "sticky", top: 1.5, bottom: 1.5, children: y }) : y });
 }
-h.displayName = "TableOfContents";
-h.Item = x;
-h.Collapsible = j;
+b.displayName = "TableOfContents";
+b.Item = O;
+b.Collapsible = V;
 export {
-  h as TableOfContents,
-  $ as TableOfContentsContext,
-  q as buildActiveTrail,
-  O as childrenToNodes
+  b as TableOfContents,
+  z as TableOfContentsContext,
+  D as buildActiveTrail,
+  x as childrenToNodes
 };

package/src/tedi/components/navigation/table-of-contents/table-of-contents.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-table-of-contents":"tedi-table-of-contents-ce55e86d","tedi-table-of-contents--transparent":"tedi-table-of-contents--transparent-067ea2c2","tedi-table-of-contents__list":"tedi-table-of-contents__list-94025876","tedi-table-of-contents--sticky":"tedi-table-of-contents--sticky-1ee87047","tedi-table-of-contents__heading":"tedi-table-of-contents__heading-c6b7a6df","tedi-table-of-contents__group":"tedi-table-of-contents__group-590e4963","tedi-table-of-contents__list--headless":"tedi-table-of-contents__list--headless-99c1bab5","tedi-table-of-contents__item":"tedi-table-of-contents__item-29f072b5","tedi-table-of-contents__row":"tedi-table-of-contents__row-fb686650","tedi-table-of-contents__row--level-2":"tedi-table-of-contents__row--level-2-4fec675b","tedi-table-of-contents__number":"tedi-table-of-contents__number-693b03b7","tedi-table-of-contents__content":"tedi-table-of-contents__content-8a05ad59","tedi-table-of-contents__item--selected":"tedi-table-of-contents__item--selected-632958d1","tedi-table-of-contents__bar":"tedi-table-of-contents__bar-f4daef0b","tedi-table-of-contents__bar--static":"tedi-table-of-contents__bar--static-f919cf73","tedi-table-of-contents__bar-title":"tedi-table-of-contents__bar-title-b82ab4ed","tedi-table-of-contents__sheet":"tedi-table-of-contents__sheet-16e41b54","tedi-table-of-contents__sheet-header":"tedi-table-of-contents__sheet-header-ec904c54"};exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-table-of-contents":"tedi-table-of-contents-ce55e86d","tedi-table-of-contents--bordered":"tedi-table-of-contents--bordered-90b16d0b","tedi-table-of-contents--transparent":"tedi-table-of-contents--transparent-067ea2c2","tedi-table-of-contents__list":"tedi-table-of-contents__list-94025876","tedi-table-of-contents--sticky":"tedi-table-of-contents--sticky-1ee87047","tedi-table-of-contents__heading":"tedi-table-of-contents__heading-c6b7a6df","tedi-table-of-contents__group":"tedi-table-of-contents__group-590e4963","tedi-table-of-contents__item":"tedi-table-of-contents__item-29f072b5","tedi-table-of-contents__row":"tedi-table-of-contents__row-fb686650","tedi-table-of-contents__row--level-2":"tedi-table-of-contents__row--level-2-4fec675b","tedi-table-of-contents__number":"tedi-table-of-contents__number-693b03b7","tedi-table-of-contents__content":"tedi-table-of-contents__content-8a05ad59","tedi-table-of-contents__slot":"tedi-table-of-contents__slot-53aefc57","tedi-table-of-contents__item--selected":"tedi-table-of-contents__item--selected-632958d1","tedi-table-of-contents__separator":"tedi-table-of-contents__separator-b824eeee","tedi-table-of-contents__bar":"tedi-table-of-contents__bar-f4daef0b","tedi-table-of-contents__bar--static":"tedi-table-of-contents__bar--static-f919cf73","tedi-table-of-contents__bar--hidden":"tedi-table-of-contents__bar--hidden-53dd04a2","tedi-table-of-contents__bar-title":"tedi-table-of-contents__bar-title-b82ab4ed","tedi-table-of-contents__sheet":"tedi-table-of-contents__sheet-16e41b54","tedi-table-of-contents__sheet-header":"tedi-table-of-contents__sheet-header-ec904c54"};exports.default=t;

package/src/tedi/components/navigation/table-of-contents/table-of-contents.module.scss.es.js

@@ -1,19 +1,22 @@
 const t = {
   "tedi-table-of-contents": "tedi-table-of-contents-ce55e86d",
+  "tedi-table-of-contents--bordered": "tedi-table-of-contents--bordered-90b16d0b",
   "tedi-table-of-contents--transparent": "tedi-table-of-contents--transparent-067ea2c2",
   "tedi-table-of-contents__list": "tedi-table-of-contents__list-94025876",
   "tedi-table-of-contents--sticky": "tedi-table-of-contents--sticky-1ee87047",
   "tedi-table-of-contents__heading": "tedi-table-of-contents__heading-c6b7a6df",
   "tedi-table-of-contents__group": "tedi-table-of-contents__group-590e4963",
-  "tedi-table-of-contents__list--headless": "tedi-table-of-contents__list--headless-99c1bab5",
   "tedi-table-of-contents__item": "tedi-table-of-contents__item-29f072b5",
   "tedi-table-of-contents__row": "tedi-table-of-contents__row-fb686650",
   "tedi-table-of-contents__row--level-2": "tedi-table-of-contents__row--level-2-4fec675b",
   "tedi-table-of-contents__number": "tedi-table-of-contents__number-693b03b7",
   "tedi-table-of-contents__content": "tedi-table-of-contents__content-8a05ad59",
+  "tedi-table-of-contents__slot": "tedi-table-of-contents__slot-53aefc57",
   "tedi-table-of-contents__item--selected": "tedi-table-of-contents__item--selected-632958d1",
+  "tedi-table-of-contents__separator": "tedi-table-of-contents__separator-b824eeee",
   "tedi-table-of-contents__bar": "tedi-table-of-contents__bar-f4daef0b",
   "tedi-table-of-contents__bar--static": "tedi-table-of-contents__bar--static-f919cf73",
+  "tedi-table-of-contents__bar--hidden": "tedi-table-of-contents__bar--hidden-53dd04a2",
   "tedi-table-of-contents__bar-title": "tedi-table-of-contents__bar-title-b82ab4ed",
   "tedi-table-of-contents__sheet": "tedi-table-of-contents__sheet-16e41b54",
   "tedi-table-of-contents__sheet-header": "tedi-table-of-contents__sheet-header-ec904c54"