@tedi-design-system/react 19.1.0-rc.2 → 19.1.0-rc.20

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

@@ -1,45 +1,40 @@
 import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import f from "../../../../../../../external/classnames/index.es.js";
-import { useContext as x } from "react";
-import { Separator as g } from "../../../../misc/separator/separator.es.js";
-import { TableOfContentsContext as j } from "../../table-of-contents.es.js";
+import _ from "../../../../../../../external/classnames/index.es.js";
+import { useContext as j } from "react";
+import { Separator as y } from "../../../../misc/separator/separator.es.js";
+import { TableOfContentsContext as R } from "../../table-of-contents.es.js";
 import t from "../../table-of-contents.module.scss.es.js";
-const _ = ({ node: b, depth: i, index: l, numberPrefix: s }) => {
-  const { activeId: u, numbered: a, activeTrail: h } = x(j), { id: o, content: N, children: n, separator: v } = b, C = !!(n != null && n.length), c = !!o && o === u, $ = C && !!o && h.has(o), w = Math.min(i, 2), r = s ? `${s}.${l + 1}` : `${l + 1}`, O = s ? r : `${r}.`, T = a ? "ol" : "ul";
+const b = ({ node: u, depth: r, index: i, numberPrefix: s }) => {
+  const { activeId: h, numbered: a, activeTrail: v, defaultOpen: N } = j(R), { id: o, content: C, children: n, separator: O, slot: c } = u, $ = !!(n != null && n.length), d = !!o && o === h, w = $ && (N || !!o && v.has(o)), T = Math.min(r, 2), l = s ? `${s}.${i + 1}` : `${i + 1}`, x = s ? l : `${l}.`, g = a ? "ol" : "ul";
   return /* @__PURE__ */ p(
     "li",
     {
-      "aria-current": c ? "true" : void 0,
-      className: f(t["tedi-table-of-contents__item"], {
-        [t["tedi-table-of-contents__item--selected"]]: c
+      "aria-current": d ? "true" : void 0,
+      className: _(t["tedi-table-of-contents__item"], {
+        [t["tedi-table-of-contents__item--selected"]]: d
       }),
       children: [
-        /* @__PURE__ */ p(
-          "span",
-          {
-            className: f(t["tedi-table-of-contents__row"], t[`tedi-table-of-contents__row--level-${w}`]),
-            children: [
-              a && /* @__PURE__ */ e("span", { className: t["tedi-table-of-contents__number"], "aria-hidden": "true", children: O }),
-              /* @__PURE__ */ e("span", { className: t["tedi-table-of-contents__content"], children: N })
-            ]
-          }
-        ),
-        $ && /* @__PURE__ */ e(T, { className: t["tedi-table-of-contents__group"], children: n.map((m, d) => /* @__PURE__ */ e(
-          _,
+        /* @__PURE__ */ p("div", { className: _(t["tedi-table-of-contents__row"], t[`tedi-table-of-contents__row--level-${T}`]), children: [
+          a && /* @__PURE__ */ e("span", { className: t["tedi-table-of-contents__number"], "aria-hidden": "true", children: x }),
+          /* @__PURE__ */ e("span", { className: t["tedi-table-of-contents__content"], children: C }),
+          c !== void 0 && /* @__PURE__ */ e("div", { className: t["tedi-table-of-contents__slot"], children: c })
+        ] }),
+        w && /* @__PURE__ */ e(g, { className: t["tedi-table-of-contents__group"], children: n.map((m, f) => /* @__PURE__ */ e(
+          b,
           {
             node: m,
-            depth: i + 1,
-            index: d,
-            numberPrefix: a ? r : void 0
+            depth: r + 1,
+            index: f,
+            numberPrefix: a ? l : void 0
           },
-          m.id ?? d
+          m.id ?? f
         )) }),
-        v && /* @__PURE__ */ e(g, {})
+        O && /* @__PURE__ */ e(y, { className: t["tedi-table-of-contents__separator"] })
       ]
     }
   );
 };
-_.displayName = "TableOfContentsRow";
+b.displayName = "TableOfContentsRow";
 export {
-  _ as TableOfContentsRow
+  b as TableOfContentsRow
 };

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

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

package/src/tedi/components/navigation/table-of-contents/table-of-contents.d.ts

@@ -1,8 +1,24 @@
 import { ReactNode } from 'react';
+import { BreakpointSupport } from '../../../helpers';
 import { TableOfContentsItemProps } from './components/table-of-contents-item/table-of-contents-item';
-/** Semantic level of the `TableOfContents` heading element. */
 export type TableOfContentsHeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-export interface TableOfContentsProps {
+type TableOfContentsBreakpointProps = {
+    /**
+     * Visual variant:
+     * - `default` — rendered inside a bordered `Card`.
+     * - `transparent` — no card chrome (border / background); the list sits
+     *   directly on the page, with a continuous grey left rail (the active item's
+     *   segment turns blue).
+     * @default default
+     */
+    variant?: 'default' | 'transparent';
+    /**
+     * Stick the card to the viewport while scrolling.
+     * @default true
+     */
+    sticky?: boolean;
+};
+export interface TableOfContentsProps extends BreakpointSupport<TableOfContentsBreakpointProps> {
     /**
      * `TableOfContents.Item` elements. An item's non-`Item` children are its
      * link / label; nested `TableOfContents.Item` children become its sub-items.
@@ -28,36 +44,29 @@ export interface TableOfContentsProps {
      */
     ariaLabel?: string;
     /**
-     * Visual variant:
-     * - `default` — rendered inside a bordered `Card`.
-     * - `transparent` — no card chrome (border / background); the list sits
-     *   directly on the page, with a continuous grey left rail (the active item's
-     *   segment turns blue).
-     * @default default
+     * Id of the currently active item. The active item gets the left accent bar
+     * and active link colour. When `defaultOpen` is `false`, the branch leading
+     * to it is the only one kept expanded.
      */
-    variant?: 'default' | 'transparent';
+    activeId?: string;
     /**
-     * Inner padding of the container, in rem — the spacing between the card edge and the
-     * heading / items. Defaults to the card's medium padding token.
+     * Draws a divider between items so the list reads as a set of separated rows. The last item has no
+     * divider — the card border closes the list.
+     * @default false
      */
-    padding?: number;
+    bordered?: boolean;
     /**
-     * Id of the currently active item. The active item gets the left accent bar
-     * and active link colour; the branch leading to it auto-expands its nested
-     * children.
+     * Whether every item's sub-items are expanded by default. Set `false` to make the list behave like
+     * an accordion: only the branch leading to `activeId` keeps its nested children visible.
+     * @default true
      */
-    activeId?: string;
+    defaultOpen?: boolean;
     /**
      * Render the list as an ordered list with auto-generated hierarchical numbers
      * (`1.`, `2.`, `2.1`, …) shown before each item.
      * @default false
      */
     numbered?: boolean;
-    /**
-     * Stick the card to the viewport while scrolling.
-     * @default true
-     */
-    sticky?: boolean;
     /**
      * Additional class name on the root element.
      */
@@ -69,6 +78,7 @@ export interface TableOfContentsNode {
     content: ReactNode;
     children?: TableOfContentsNode[];
     separator?: boolean;
+    slot?: ReactNode;
 }
 interface TableOfContentsContextValue {
     activeId?: string;
@@ -76,6 +86,7 @@ interface TableOfContentsContextValue {
     headingLevel?: TableOfContentsHeadingLevel;
     ariaLabel?: string;
     activeTrail: Set<string>;
+    defaultOpen?: boolean;
 }
 export declare const TableOfContentsContext: import('react').Context<TableOfContentsContextValue>;
 export declare const childrenToNodes: (children: ReactNode) => TableOfContentsNode[];

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"

package/src/tedi/components/navigation/tabs/tabs-helpers.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=e=>{if(e.key!=="ArrowLeft"&&e.key!=="ArrowRight"&&e.key!=="Home"&&e.key!=="End")return null;const l=e.currentTarget.closest('[role="tablist"]');if(!l)return null;const t=Array.from(l.querySelectorAll('[role="tab"]:not([disabled])')).filter(a=>getComputedStyle(a).display!=="none"),n=t.indexOf(e.currentTarget);if(t.length===0||n===-1)return null;let r=-1;switch(e.key){case"ArrowLeft":r=n===0?t.length-1:n-1;break;case"ArrowRight":r=n===t.length-1?0:n+1;break;case"Home":r=0;break;case"End":r=t.length-1;break}return r!==-1?(e.preventDefault(),t[r].focus(),t[r].scrollIntoView({block:"nearest",inline:"nearest"}),t[r]):null};exports.navigateTablist=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=e=>{e.scrollIntoView({block:"nearest",inline:"nearest"})},s=e=>{if(e.key!=="ArrowLeft"&&e.key!=="ArrowRight"&&e.key!=="Home"&&e.key!=="End")return null;const l=e.currentTarget.closest('[role="tablist"]');if(!l)return null;const t=Array.from(l.querySelectorAll('[role="tab"]:not([disabled])')).filter(a=>getComputedStyle(a).display!=="none"),n=t.indexOf(e.currentTarget);if(t.length===0||n===-1)return null;let r=-1;switch(e.key){case"ArrowLeft":r=n===0?t.length-1:n-1;break;case"ArrowRight":r=n===t.length-1?0:n+1;break;case"Home":r=0;break;case"End":r=t.length-1;break}return r!==-1?(e.preventDefault(),t[r].focus(),o(t[r]),t[r]):null};exports.navigateTablist=s;exports.scrollTabIntoView=o;

package/src/tedi/components/navigation/tabs/tabs-helpers.d.ts

@@ -1,3 +1,8 @@
+/**
+ * Scrolls a tab fully into view inside a horizontally scrollable tablist.
+ * A no-op when the tab is already fully visible.
+ */
+export declare const scrollTabIntoView: (tab: HTMLElement) => void;
 /**
  * Navigates to a sibling tab in the tablist using ArrowLeft/ArrowRight/Home/End keys.
  * Returns the target tab element if navigation occurred, or null otherwise.

package/src/tedi/components/navigation/tabs/tabs-helpers.es.js

@@ -1,10 +1,12 @@
-const o = (e) => {
+const a = (e) => {
+  e.scrollIntoView({ block: "nearest", inline: "nearest" });
+}, s = (e) => {
   if (e.key !== "ArrowLeft" && e.key !== "ArrowRight" && e.key !== "Home" && e.key !== "End")
     return null;
   const l = e.currentTarget.closest('[role="tablist"]');
   if (!l) return null;
   const t = Array.from(l.querySelectorAll('[role="tab"]:not([disabled])')).filter(
-    (a) => getComputedStyle(a).display !== "none"
+    (o) => getComputedStyle(o).display !== "none"
   ), n = t.indexOf(e.currentTarget);
   if (t.length === 0 || n === -1) return null;
   let r = -1;
@@ -22,8 +24,9 @@ const o = (e) => {
       r = t.length - 1;
       break;
   }
-  return r !== -1 ? (e.preventDefault(), t[r].focus(), t[r].scrollIntoView({ block: "nearest", inline: "nearest" }), t[r]) : null;
+  return r !== -1 ? (e.preventDefault(), t[r].focus(), a(t[r]), t[r]) : null;
 };
 export {
-  o as navigateTablist
+  s as navigateTablist,
+  a as scrollTabIntoView
 };

package/src/tedi/components/navigation/tabs/tabs-trigger/tabs-trigger.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),m=require("../../../../../../external/classnames/index.cjs.js"),x=require("../../../base/icon/icon.cjs.js"),r=require("../tabs.module.scss.cjs.js"),_=require("../tabs-context.cjs.js"),q=require("../tabs-helpers.cjs.js"),c=l=>{const{id:e,children:d,icon:a,disabled:t=!1,className:b}=l,{currentTab:u,setCurrentTab:i}=_.useTabsContext(),s=u===e,g=()=>{t||i(e)},T=f=>{const n=q.navigateTablist(f);n&&i(n.id)};return o.jsxs("button",{"data-name":"tabs-trigger",id:e,role:"tab",type:"button","aria-selected":s,"aria-controls":`${e}-panel`,tabIndex:s?0:-1,disabled:t,className:m.default(r.default["tedi-tabs__trigger"],{[r.default["tedi-tabs__trigger--selected"]]:s},{[r.default["tedi-tabs__trigger--disabled"]]:t},b),onClick:g,onKeyDown:T,children:[a&&o.jsx(x.Icon,{name:a,size:18,color:"inherit"}),d]})};c.displayName="TabsTrigger";exports.TabsTrigger=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),x=require("../../../../../../external/classnames/index.cjs.js"),_=require("../../../base/icon/icon.cjs.js"),a=require("../tabs.module.scss.cjs.js"),q=require("../tabs-context.cjs.js"),l=require("../tabs-helpers.cjs.js"),d=b=>{const{id:e,children:u,icon:n,disabled:t=!1,className:g}=b,{currentTab:T,setCurrentTab:i}=q.useTabsContext(),r=T===e,f=s=>{t||(i(e),l.scrollTabIntoView(s.currentTarget))},m=s=>{const o=l.navigateTablist(s);o&&i(o.id)};return c.jsxs("button",{"data-name":"tabs-trigger",id:e,role:"tab",type:"button","aria-selected":r,"aria-controls":`${e}-panel`,tabIndex:r?0:-1,disabled:t,className:x.default(a.default["tedi-tabs__trigger"],{[a.default["tedi-tabs__trigger--selected"]]:r},{[a.default["tedi-tabs__trigger--disabled"]]:t},g),onClick:f,onKeyDown:m,children:[n&&c.jsx(_.Icon,{name:n,size:18,color:"inherit"}),u]})};d.displayName="TabsTrigger";exports.TabsTrigger=d;

package/src/tedi/components/navigation/tabs/tabs-trigger/tabs-trigger.es.js

@@ -1,15 +1,15 @@
-import { jsxs as p, jsx as f } from "react/jsx-runtime";
-import T from "../../../../../../external/classnames/index.es.js";
+import { jsxs as p, jsx as T } from "react/jsx-runtime";
+import f from "../../../../../../external/classnames/index.es.js";
 import { Icon as u } from "../../../base/icon/icon.es.js";
 import s from "../tabs.module.scss.es.js";
 import { useTabsContext as _ } from "../tabs-context.es.js";
-import { navigateTablist as h } from "../tabs-helpers.es.js";
-const x = (n) => {
-  const { id: e, children: c, icon: a, disabled: t = !1, className: l } = n, { currentTab: d, setCurrentTab: i } = _(), r = d === e, m = () => {
-    t || i(e);
-  }, b = (g) => {
-    const o = h(g);
-    o && i(o.id);
+import { navigateTablist as h, scrollTabIntoView as x } from "../tabs-helpers.es.js";
+const y = (c) => {
+  const { id: e, children: l, icon: i, disabled: t = !1, className: d } = c, { currentTab: m, setCurrentTab: o } = _(), r = m === e, b = (a) => {
+    t || (o(e), x(a.currentTarget));
+  }, g = (a) => {
+    const n = h(a);
+    n && o(n.id);
   };
   return /* @__PURE__ */ p(
     "button",
@@ -22,22 +22,22 @@ const x = (n) => {
       "aria-controls": `${e}-panel`,
       tabIndex: r ? 0 : -1,
       disabled: t,
-      className: T(
+      className: f(
         s["tedi-tabs__trigger"],
         { [s["tedi-tabs__trigger--selected"]]: r },
         { [s["tedi-tabs__trigger--disabled"]]: t },
-        l
+        d
       ),
-      onClick: m,
-      onKeyDown: b,
+      onClick: b,
+      onKeyDown: g,
       children: [
-        a && /* @__PURE__ */ f(u, { name: a, size: 18, color: "inherit" }),
-        c
+        i && /* @__PURE__ */ T(u, { name: i, size: 18, color: "inherit" }),
+        l
       ]
     }
   );
 };
-x.displayName = "TabsTrigger";
+y.displayName = "TabsTrigger";
 export {
-  x as TabsTrigger
+  y as TabsTrigger
 };

package/src/tedi/components/overlays/dropdown/dropdown.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),e=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),H=require("../../../../../external/classnames/index.cjs.js"),t=require("react"),O=require("./dropdown.module.scss.cjs.js"),$=require("./dropdown-content/dropdown-content.cjs.js"),z=require("./dropdown-context.cjs.js"),G=require("./dropdown-helpers.cjs.js"),J=require("./dropdown-item/dropdown-item.cjs.js"),K=require("./dropdown-separator/dropdown-separator.cjs.js"),Q=require("./dropdown-trigger/dropdown-trigger.cjs.js"),V=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),X=require("../../../providers/label-provider/use-labels.cjs.js"),Y=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),m=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),Z=4,d=w=>{var I;const{getCurrentBreakpointProps:S}=V.useBreakpointProps(w.defaultServerBreakpoint),{children:F,modal:v=!1,divided:P=!1,width:R="auto",variant:u="default",open:p,defaultOpen:b=!1,onOpenChange:a,defaultActiveIndex:o,placement:f="bottom-start",className:j}=S(w),{getLabel:k}=X.useLabels(),y=e.useFloatingNodeId(),q=t.useRef([]),[l,g]=t.useState(o??null),[h,B]=t.useState(null),[N,T]=t.useState(b),n=p??N;t.useEffect(()=>{n||g(o??null)},[n,o]);const x=t.useCallback(i=>{p===void 0&&T(i),a==null||a(i)},[p,a]),U=e.useFloating({nodeId:y,open:n,placement:f,onOpenChange:x,middleware:[m.offset(Z),m.flip(),m.shift()],whileElementsMounted:Y.autoUpdate}),{context:r,refs:s,x:_,y:L,strategy:M}=U,D=e.useInteractions([e.useClick(r),e.useRole(r,{role:"menu"}),e.useDismiss(r),e.useListNavigation(r,{listRef:q,activeIndex:l,onNavigate:g,loop:!0,selectedIndex:o??null,focusItemOnOpen:o!==null?!0:"auto"})]),W={open:n,setOpen:x,refs:s,listItemsRef:q,activeIndex:l,setActiveIndex:g,placement:f,content:h,setContent:B,divided:P,variant:u,...D},E=(I=s.reference.current)==null?void 0:I.getBoundingClientRect().width,A=t.useMemo(()=>{const i=s.reference.current;if(!i)return;const C=i.offsetParent;if(C)return C.getBoundingClientRect().width},[s.reference.current]);return c.jsxs(z.DropdownContext.Provider,{value:W,children:[F,c.jsx(e.FloatingPortal,{children:n&&c.jsx(e.FloatingFocusManager,{context:r,modal:v,visuallyHiddenDismiss:v?k("close"):!1,children:c.jsx("div",{...D.getFloatingProps({ref:s.setFloating,className:H.default(O.default["tedi-dropdown"],{[O.default[`tedi-dropdown--${u}`]]:u==="tree"},j),style:{position:M,left:_??0,top:L??0,width:G.resolveDropdownWidth(R,E,A)},role:"menu","aria-orientation":"vertical","aria-activedescendant":l!==null?`dropdown-item-${l}`:void 0}),"data-placement":f,"data-state":n?"open":"closed",children:h})})})]})};d.Trigger=Q.DropdownTrigger;d.Content=$.DropdownContent;d.Item=J.DropdownItem;d.Separator=K.DropdownSeparator;exports.Dropdown=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),e=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),A=require("../../../../../external/classnames/index.cjs.js"),t=require("react"),v=require("./dropdown.module.scss.cjs.js"),z=require("./dropdown-content/dropdown-content.cjs.js"),G=require("./dropdown-context.cjs.js"),J=require("./dropdown-helpers.cjs.js"),K=require("./dropdown-item/dropdown-item.cjs.js"),Q=require("./dropdown-separator/dropdown-separator.cjs.js"),V=require("./dropdown-trigger/dropdown-trigger.cjs.js"),X=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),Y=require("../../../providers/label-provider/use-labels.cjs.js"),Z=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),x=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),ee=4,a=h=>{var O;const{getCurrentBreakpointProps:b}=X.useBreakpointProps(h.defaultServerBreakpoint),{children:F,modal:q=!1,divided:P=!1,width:R="auto",variant:p="default",open:f,defaultOpen:y=!1,onOpenChange:l,defaultActiveIndex:n,placement:g="bottom-start",maxHeight:c,className:j}=b(h),{getLabel:N}=Y.useLabels(),_=e.useFloatingNodeId(),D=t.useRef([]),[u,m]=t.useState(n??null),[w,k]=t.useState(null),[B,T]=t.useState(y),o=f??B;t.useEffect(()=>{o||m(n??null)},[o,n]);const I=t.useCallback(i=>{f===void 0&&T(i),l==null||l(i)},[f,l]),U=e.useFloating({nodeId:_,open:o,placement:g,onOpenChange:I,middleware:[x.offset(ee),x.flip(),x.shift()],whileElementsMounted:Z.autoUpdate}),{context:r,refs:s,x:H,y:L,strategy:M}=U,C=e.useInteractions([e.useClick(r),e.useRole(r,{role:"menu"}),e.useDismiss(r),e.useListNavigation(r,{listRef:D,activeIndex:u,onNavigate:m,loop:!0,selectedIndex:n??null,focusItemOnOpen:n!==null?!0:"auto"})]),W={open:o,setOpen:I,refs:s,listItemsRef:D,activeIndex:u,setActiveIndex:m,placement:g,content:w,setContent:k,divided:P,variant:p,...C},E=(O=s.reference.current)==null?void 0:O.getBoundingClientRect().width,$=t.useMemo(()=>{const i=s.reference.current;if(!i)return;const S=i.offsetParent;if(S)return S.getBoundingClientRect().width},[s.reference.current]);return d.jsxs(G.DropdownContext.Provider,{value:W,children:[F,d.jsx(e.FloatingPortal,{children:o&&d.jsx(e.FloatingFocusManager,{context:r,modal:q,visuallyHiddenDismiss:q?N("close"):!1,children:d.jsx("div",{...C.getFloatingProps({ref:s.setFloating,className:A.default(v.default["tedi-dropdown"],{[v.default[`tedi-dropdown--${p}`]]:p==="tree"},j),style:{position:M,left:H??0,top:L??0,width:J.resolveDropdownWidth(R,E,$)},role:"menu","aria-orientation":"vertical","aria-activedescendant":u!==null?`dropdown-item-${u}`:void 0}),"data-placement":g,"data-state":o?"open":"closed",children:c!==void 0?d.jsx("div",{className:v.default["tedi-dropdown__scroll"],role:"group",tabIndex:0,style:{maxHeight:typeof c=="number"?`${c}px`:c},children:w}):w})})})]})};a.Trigger=V.DropdownTrigger;a.Content=z.DropdownContent;a.Item=K.DropdownItem;a.Separator=Q.DropdownSeparator;exports.Dropdown=a;

package/src/tedi/components/overlays/dropdown/dropdown.d.ts

@@ -34,6 +34,14 @@ type DropdownBreakpointProps = {
      * @default 'default'
      */
     variant?: 'default' | 'tree';
+    /**
+     * Restricts the height of the dropdown's scrollable body. When the content is taller,
+     * the body scrolls vertically while any sticky regions (e.g. a Filter search / clear) stay pinned.
+     * - `number` – fixed max height in pixels
+     * - `string` – any valid CSS length (e.g. `'20rem'`, `'50vh'`)
+     * @default undefined (no restriction)
+     */
+    maxHeight?: number | string;
 };
 export interface DropdownProps extends BreakpointSupport<DropdownBreakpointProps> {
     /**