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

package/src/community/components/tabs/tabs/tabs.es.js

@@ -1,20 +1,22 @@
-import { jsx as c, jsxs as N } from "react/jsx-runtime";
-import A from "../../../../../external/classnames/index.es.js";
-import u from "react";
-import { Print as D } from "../../../../tedi/components/misc/print/print.es.js";
-import { TabsContext as P } from "../tabs-context.es.js";
-import { TabsItem as _ } from "../tabs-item/tabs-item.es.js";
-import { TabsNav as E } from "../tabs-nav/tabs-nav.es.js";
-import I from "./tabs.module.scss.es.js";
-import { usePrint as j } from "../../../../tedi/providers/printing-provider/printing-provider.es.js";
-const q = (n) => {
-  const y = j(), { defaultCurrentTab: x, onTabChange: d, className: f, children: C, hideNavOnPrint: h = "show" } = n, [g, p] = u.useState(x || ""), v = (e = n.currentTab) => !!n.onTabChange && typeof e < "u", a = v(n.currentTab) ? n.currentTab : g, m = (e) => {
-    a !== e && (v() || p(e), d == null || d(e));
-  }, i = u.Children.toArray(n.children).filter((e) => u.isValidElement(e) && e.type === _).map((e) => e.props), k = (e) => {
-    var r, l;
+import { jsx as l, jsxs as N } from "react/jsx-runtime";
+import D from "../../../../../external/classnames/index.es.js";
+import f from "react";
+import { Print as A } from "../../../../tedi/components/misc/print/print.es.js";
+import { warnDeprecated as P } from "../../../../tedi/helpers/warn-deprecated/warn-deprecated.es.js";
+import { TabsContext as _ } from "../tabs-context.es.js";
+import { TabsItem as E } from "../tabs-item/tabs-item.es.js";
+import { TabsNav as j } from "../tabs-nav/tabs-nav.es.js";
+import y from "./tabs.module.scss.es.js";
+import { usePrint as K } from "../../../../tedi/providers/printing-provider/printing-provider.es.js";
+const z = (n) => {
+  P("Community Tabs", "Use Tabs from `@tedi-design-system/react/tedi` instead.");
+  const I = K(), { defaultCurrentTab: p, onTabChange: d, className: u, children: C, hideNavOnPrint: h = "show" } = n, [g, x] = f.useState(p || ""), T = (e = n.currentTab) => !!n.onTabChange && typeof e < "u", a = T(n.currentTab) ? n.currentTab : g, m = (e) => {
+    a !== e && (T() || x(e), d == null || d(e));
+  }, i = f.Children.toArray(n.children).filter((e) => f.isValidElement(e) && e.type === E).map((e) => e.props), w = (e) => {
+    var r, c;
     const o = i.findIndex((b) => {
-      var T;
-      return b.id === ((T = e.currentTarget) == null ? void 0 : T.id);
+      var v;
+      return b.id === ((v = e.currentTarget) == null ? void 0 : v.id);
     }), s = o !== -1 ? o : 0;
     let t = -1;
     switch (e.key) {
@@ -34,17 +36,17 @@ const q = (n) => {
         t = i.length - 1;
         break;
     }
-    t !== -1 && (e.preventDefault(), (l = document.getElementById(i[t].id)) == null || l.focus());
-  }, w = i.map((e, o) => {
-    const { children: s, label: t, id: r, ...l } = e;
+    t !== -1 && (e.preventDefault(), (c = document.getElementById(i[t].id)) == null || c.focus());
+  }, k = i.map((e, o) => {
+    const { children: s, label: t, id: r, ...c } = e;
     return {
-      ...l,
+      ...c,
       id: r,
       isActive: a === r,
       onClick: (b) => {
         b.preventDefault(), m(r);
       },
-      onKeyDown: k,
+      onKeyDown: w,
       children: t,
       href: `#${r}`,
       role: "tab",
@@ -54,8 +56,8 @@ const q = (n) => {
       "aria-selected": a === r
     };
   });
-  return /* @__PURE__ */ c(
-    P.Provider,
+  return /* @__PURE__ */ l(
+    _.Provider,
     {
       value: {
         currentTab: a,
@@ -65,10 +67,10 @@ const q = (n) => {
         "div",
         {
           "data-name": "tabs",
-          className: y && h === "hide" ? f : A(I.tabs, f),
+          className: I && h === "hide" ? u : D(y.tabs, u),
           children: [
-            /* @__PURE__ */ c(D, { visibility: h, children: /* @__PURE__ */ c(E, { items: w, "aria-labelledby": n["aria-labelledby"] }) }),
-            /* @__PURE__ */ c("div", { className: I.tabs__content, children: C })
+            /* @__PURE__ */ l(A, { visibility: h, children: /* @__PURE__ */ l(j, { items: k, "aria-labelledby": n["aria-labelledby"] }) }),
+            /* @__PURE__ */ l("div", { className: y.tabs__content, children: C })
           ]
         }
       )
@@ -76,5 +78,5 @@ const q = (n) => {
   );
 };
 export {
-  q as Tabs
+  z as Tabs
 };

package/src/community/components/vertical-stepper/vertical-stepper.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../../../external/classnames/index.cjs.js"),t=require("./vertical-stepper.module.scss.cjs.js"),p=r=>{const{className:c,children:s,isCompact:l}=r,a=o.default(t.default.stepper,c,{[t.default["stepper--compact"]]:l});return e.jsx("nav",{children:e.jsx("ol",{role:"tree",className:a,children:s})})};exports.VerticalStepper=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("../../../../external/classnames/index.cjs.js"),n=require("../../../tedi/helpers/warn-deprecated/warn-deprecated.cjs.js"),t=require("./vertical-stepper.module.scss.cjs.js"),l=r=>{n.warnDeprecated("Community VerticalStepper","Use `VerticalStepper` from `@tedi-design-system/react/tedi` instead.");const{className:c,children:s,isCompact:a}=r,i=p.default(t.default.stepper,c,{[t.default["stepper--compact"]]:a});return e.jsx("nav",{children:e.jsx("ol",{role:"tree",className:i,children:s})})};exports.VerticalStepper=l;

package/src/community/components/vertical-stepper/vertical-stepper.es.js

@@ -1,10 +1,12 @@
 import { jsx as e } from "react/jsx-runtime";
-import m from "../../../../external/classnames/index.es.js";
-import r from "./vertical-stepper.module.scss.es.js";
-const n = (t) => {
-  const { className: s, children: o, isCompact: p } = t, c = m(r.stepper, s, { [r["stepper--compact"]]: p });
-  return /* @__PURE__ */ e("nav", { children: /* @__PURE__ */ e("ol", { role: "tree", className: c, children: o }) });
+import a from "../../../../external/classnames/index.es.js";
+import { warnDeprecated as c } from "../../../tedi/helpers/warn-deprecated/warn-deprecated.es.js";
+import t from "./vertical-stepper.module.scss.es.js";
+const f = (r) => {
+  c("Community VerticalStepper", "Use `VerticalStepper` from `@tedi-design-system/react/tedi` instead.");
+  const { className: s, children: p, isCompact: o } = r, m = a(t.stepper, s, { [t["stepper--compact"]]: o });
+  return /* @__PURE__ */ e("nav", { children: /* @__PURE__ */ e("ol", { role: "tree", className: m, children: p }) });
 };
 export {
-  n as VerticalStepper
+  f as VerticalStepper
 };

package/src/community/deprecated-exports.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../tedi/helpers/warn-deprecated/warn-deprecated.cjs.js"),t=require("./components/anchor/anchor.cjs.js"),i=require("./components/button/button.cjs.js"),r=require("./components/card/card.cjs.js"),o=require("./components/form/choice-group/choice-group.cjs.js"),n=require("./components/form/pickers/datepicker/datepicker.cjs.js"),a=require("./components/form/pickers/datetimepicker/datetimepicker.cjs.js"),s=require("./components/form/radio/radio.cjs.js"),d=require("./components/form/select/select.cjs.js"),c=require("./components/layout/breadcrumbs/breadcrumbs.cjs.js"),m=require("./components/layout/footer/footer.cjs.js"),u=require("./components/layout/header/header/header.cjs.js"),g=require("./components/layout/sidenav/sidenav.cjs.js"),l=require("./components/modal/modal-provider.cjs.js"),p=require("./components/placeholder/placeholder.cjs.js"),y=require("./components/table/table.cjs.js"),h=require("./components/tag/tag.cjs.js"),C=require("./components/toggle-open/toggle-open.cjs.js"),D=require("./components/tooltip/tooltip.cjs.js"),T=e.withDeprecationWarning(t.Anchor,"Community Anchor","Use `Link` from `@tedi-design-system/react/tedi` instead."),f=e.withDeprecationWarning(c.Breadcrumbs,"Community Breadcrumbs","Use Breadcrumbs from `@tedi-design-system/react/tedi` instead."),q=e.withDeprecationWarning(i.Button,"Community Button","Use `Button` from `@tedi-design-system/react/tedi` instead."),w=e.withDeprecationWarning(r.Card,"Community Card","Use `Card` from `@tedi-design-system/react/tedi` instead."),P=e.withDeprecationWarning(o.ChoiceGroup,"Community ChoiceGroup","Use `ChoiceGroup` from `@tedi-design-system/react/tedi` instead."),U=e.withDeprecationWarning(n.DatePicker,"Community DatePicker","Use `DateField` from `@tedi-design-system/react/tedi` instead."),W=e.withDeprecationWarning(a.DateTimePicker,"Community DateTimePicker","Use `DateTimeField` from `@tedi-design-system/react/tedi` instead."),b=e.withDeprecationWarning(m.Footer,"Community Footer","Use `Footer` from `@tedi-design-system/react/tedi` instead."),S=e.withDeprecationWarning(u.Header,"Community Header","Use `Header` from `@tedi-design-system/react/tedi` instead."),v=e.withDeprecationWarning(l.ModalProvider,"Community ModalProvider","Use Modal from `@tedi-design-system/react/tedi` instead."),k=e.withDeprecationWarning(p.Placeholder,"Community Placeholder","Use EmptyState from `@tedi-design-system/react/tedi` instead."),B=e.withDeprecationWarning(s.Radio,"Community Radio","Use `Radio` from `@tedi-design-system/react/tedi` instead."),F=e.withDeprecationWarning(d.Select,"Community Select","Use `Select` from `@tedi-design-system/react/tedi` instead."),G=e.withDeprecationWarning(g.SideNav,"Community SideNav","Use `SideNav` from `@tedi-design-system/react/tedi` instead."),M=e.withDeprecationWarning(y.Table,"Community Table","Use `Table` from `@tedi-design-system/react/tedi` instead."),O=e.withDeprecationWarning(h.Tag,"Community Tag","Use `Tag` from `@tedi-design-system/react/tedi` instead."),H=e.withDeprecationWarning(C.ToggleOpen,"Community ToggleOpen","Use `CollapseButton` from `@tedi-design-system/react/tedi` instead."),N=e.withDeprecationWarning(D.Tooltip,"Community Tooltip","Use `Tooltip` from `@tedi-design-system/react/tedi` instead.");exports.Anchor=T;exports.Breadcrumbs=f;exports.Button=q;exports.Card=w;exports.ChoiceGroup=P;exports.DatePicker=U;exports.DateTimePicker=W;exports.Footer=b;exports.Header=S;exports.ModalProvider=v;exports.Placeholder=k;exports.Radio=B;exports.Select=F;exports.SideNav=G;exports.Table=M;exports.Tag=O;exports.ToggleOpen=H;exports.Tooltip=N;

package/src/community/deprecated-exports.d.ts

@@ -0,0 +1,19 @@
+import { Table as TableBase } from './components/table/table';
+export declare const Anchor: import('.').AnchorComponent;
+export declare const Breadcrumbs: <C extends React.ElementType = "a">(props: import('.').BreadcrumbsProps<C>) => JSX.Element | null;
+export declare const Button: import('.').ButtonComponent;
+export declare const Card: import('react').ForwardRefExoticComponent<import('.').CardProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const ChoiceGroup: (props: import('.').ChoiceGroupProps) => React.ReactElement;
+export declare const DatePicker: (props: import('.').DatePickerProps) => JSX.Element;
+export declare const DateTimePicker: (props: import('.').DateTimePickerProps) => JSX.Element;
+export declare const Footer: (props: import('.').FooterProps) => JSX.Element;
+export declare const Header: <H extends React.ElementType = "a">(props: import('.').HeaderProps<H>) => import("react/jsx-runtime").JSX.Element;
+export declare const ModalProvider: (props: import('.').ModalProviderProps) => JSX.Element;
+export declare const Placeholder: (props: import('.').PlaceholderProps) => JSX.Element;
+export declare const Radio: (props: import('.').RadioProps) => JSX.Element;
+export declare const Select: import('react').ForwardRefExoticComponent<import('.').SelectProps & import('react').RefAttributes<import('react-select').SelectInstance<import('.').ISelectOption<unknown>, boolean, import('.').IGroupedOptions<import('.').ISelectOption<unknown>>>>>;
+export declare const SideNav: <C extends React.ElementType = "a">(props: import('.').SideNavProps<C>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Table: typeof TableBase;
+export declare const Tag: import('react').ForwardRefExoticComponent<import('.').TagProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const ToggleOpen: ({ openText, closeText, isOpen, iconRight, ...rest }: import('.').ToggleOpenProps) => JSX.Element;
+export declare const Tooltip: (props: import('.').TooltipProps) => JSX.Element | null;

package/src/community/deprecated-exports.es.js

@@ -0,0 +1,112 @@
+import { withDeprecationWarning as e } from "../tedi/helpers/warn-deprecated/warn-deprecated.es.js";
+import { Anchor as t } from "./components/anchor/anchor.es.js";
+import { Button as o } from "./components/button/button.es.js";
+import { Card as i } from "./components/card/card.es.js";
+import { ChoiceGroup as s } from "./components/form/choice-group/choice-group.es.js";
+import { DatePicker as r } from "./components/form/pickers/datepicker/datepicker.es.js";
+import { DateTimePicker as m } from "./components/form/pickers/datetimepicker/datetimepicker.es.js";
+import { Radio as a } from "./components/form/radio/radio.es.js";
+import { Select as d } from "./components/form/select/select.es.js";
+import { Breadcrumbs as n } from "./components/layout/breadcrumbs/breadcrumbs.es.js";
+import { Footer as c } from "./components/layout/footer/footer.es.js";
+import { Header as f } from "./components/layout/header/header/header.es.js";
+import { SideNav as p } from "./components/layout/sidenav/sidenav.es.js";
+import { ModalProvider as y } from "./components/modal/modal-provider.es.js";
+import { Placeholder as l } from "./components/placeholder/placeholder.es.js";
+import { Table as u } from "./components/table/table.es.js";
+import { Tag as g } from "./components/tag/tag.es.js";
+import { ToggleOpen as C } from "./components/toggle-open/toggle-open.es.js";
+import { Tooltip as T } from "./components/tooltip/tooltip.es.js";
+const x = e(
+  t,
+  "Community Anchor",
+  "Use `Link` from `@tedi-design-system/react/tedi` instead."
+), E = e(
+  n,
+  "Community Breadcrumbs",
+  "Use Breadcrumbs from `@tedi-design-system/react/tedi` instead."
+), L = e(
+  o,
+  "Community Button",
+  "Use `Button` from `@tedi-design-system/react/tedi` instead."
+), W = e(
+  i,
+  "Community Card",
+  "Use `Card` from `@tedi-design-system/react/tedi` instead."
+), j = e(
+  s,
+  "Community ChoiceGroup",
+  "Use `ChoiceGroup` from `@tedi-design-system/react/tedi` instead."
+), q = e(
+  r,
+  "Community DatePicker",
+  "Use `DateField` from `@tedi-design-system/react/tedi` instead."
+), z = e(
+  m,
+  "Community DateTimePicker",
+  "Use `DateTimeField` from `@tedi-design-system/react/tedi` instead."
+), I = e(
+  c,
+  "Community Footer",
+  "Use `Footer` from `@tedi-design-system/react/tedi` instead."
+), J = e(
+  f,
+  "Community Header",
+  "Use `Header` from `@tedi-design-system/react/tedi` instead."
+), K = e(
+  y,
+  "Community ModalProvider",
+  "Use Modal from `@tedi-design-system/react/tedi` instead."
+), Q = e(
+  l,
+  "Community Placeholder",
+  "Use EmptyState from `@tedi-design-system/react/tedi` instead."
+), V = e(
+  a,
+  "Community Radio",
+  "Use `Radio` from `@tedi-design-system/react/tedi` instead."
+), X = e(
+  d,
+  "Community Select",
+  "Use `Select` from `@tedi-design-system/react/tedi` instead."
+), Y = e(
+  p,
+  "Community SideNav",
+  "Use `SideNav` from `@tedi-design-system/react/tedi` instead."
+), Z = e(
+  u,
+  "Community Table",
+  "Use `Table` from `@tedi-design-system/react/tedi` instead."
+), _ = e(
+  g,
+  "Community Tag",
+  "Use `Tag` from `@tedi-design-system/react/tedi` instead."
+), ee = e(
+  C,
+  "Community ToggleOpen",
+  "Use `CollapseButton` from `@tedi-design-system/react/tedi` instead."
+), te = e(
+  T,
+  "Community Tooltip",
+  "Use `Tooltip` from `@tedi-design-system/react/tedi` instead."
+);
+export {
+  x as Anchor,
+  E as Breadcrumbs,
+  L as Button,
+  W as Card,
+  j as ChoiceGroup,
+  q as DatePicker,
+  z as DateTimePicker,
+  I as Footer,
+  J as Header,
+  K as ModalProvider,
+  Q as Placeholder,
+  V as Radio,
+  X as Select,
+  Y as SideNav,
+  Z as Table,
+  _ as Tag,
+  ee as ToggleOpen,
+  te as Tooltip
+};

package/src/community/index.d.ts

@@ -56,3 +56,4 @@ export * from './components/map-components/map-select/map-select';
 export * from './components/map-components/sheet/sheet';
 export * from './components/map-components/split-pane/split-pane';
 export * from './components/map-components/timeline/timeline';
+export { Anchor, Breadcrumbs, Button, Card, ChoiceGroup, DatePicker, DateTimePicker, Footer, Header, ModalProvider, Placeholder, Radio, Select, SideNav, Table, Tag, ToggleOpen, Tooltip, } from './deprecated-exports';

package/src/tedi/components/layout/mobile-nav/components/mobile-nav-toggle/mobile-nav-toggle.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),v=require("../../../../../../../external/classnames/index.cjs.js"),N=require("../../../../base/icon/icon.cjs.js"),h=require("../../../../buttons/button/button.cjs.js"),q=require("../../../../buttons/floating-button/floating-button.cjs.js"),l=require("./mobile-nav-toggle.module.scss.cjs.js"),x=require("../../../../../providers/label-provider/use-labels.cjs.js"),n=({menuOpen:e,toggleMenu:i,referenceRef:c,getReferenceProps:d=()=>({}),variant:o="mobile",showLabel:m=!1,label:t,className:_})=>{const{getLabel:y}=x.useLabels(),u=t!==void 0?typeof t=="function"?t(e):t:y("header.toggle",e),g=o==="collapse"?e?"right_panel_open":"left_panel_open":e?"close":"menu",r=m&&o==="mobile",b=v.default(l.default["tedi-mobile-nav-toggle"],{[l.default["tedi-mobile-nav-toggle--open"]]:e,[l.default[`tedi-mobile-nav-toggle--${o}`]]:!0,[l.default["tedi-mobile-nav-toggle--with-label"]]:r},_),f=a=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),i(!e))};if(r)return s.jsxs("button",{...d(),ref:c,type:"button","aria-expanded":e,className:b,onClick:()=>i(!e),onKeyDown:f,children:[s.jsx(N.Icon,{name:g,size:24,className:l.default["tedi-mobile-nav-toggle__icon"],color:"inherit"}),s.jsx("span",{className:l.default["tedi-mobile-nav-toggle__label"],children:u})]});const p=o==="collapse"?q.FloatingButton:h.Button;return s.jsx(p,{...d(),ref:c,icon:{name:g,className:l.default["tedi-mobile-nav-toggle__icon"],size:o==="collapse"?18:24},visualType:o==="collapse"?"secondary":"primary",className:b,onClick:()=>i(!e),onKeyDown:f,position:o==="collapse"?"absolute":"static",size:o==="collapse"?"small":"",children:u})},T=n;exports.MobileNavToggle=n;exports.SidenavToggle=T;exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),y=require("../../../../../../../external/classnames/index.cjs.js"),N=require("../../../../../helpers/warn-deprecated/warn-deprecated.cjs.js"),T=require("../../../../base/icon/icon.cjs.js"),h=require("../../../../buttons/button/button.cjs.js"),q=require("../../../../buttons/floating-button/floating-button.cjs.js"),l=require("./mobile-nav-toggle.module.scss.cjs.js"),x=require("../../../../../providers/label-provider/use-labels.cjs.js"),n=({menuOpen:e,toggleMenu:a,referenceRef:c,getReferenceProps:r=()=>({}),variant:o="mobile",showLabel:f=!1,label:s,className:p})=>{const{getLabel:v}=x.useLabels(),d=s!==void 0?typeof s=="function"?s(e):s:v("header.toggle",e),u=o==="collapse"?e?"right_panel_open":"left_panel_open":e?"close":"menu",g=f&&o==="mobile",b=y.default(l.default["tedi-mobile-nav-toggle"],{[l.default["tedi-mobile-nav-toggle--open"]]:e,[l.default[`tedi-mobile-nav-toggle--${o}`]]:!0,[l.default["tedi-mobile-nav-toggle--with-label"]]:g},p),m=i=>{(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),a(!e))};if(g)return t.jsxs("button",{...r(),ref:c,type:"button","aria-expanded":e,className:b,onClick:()=>a(!e),onKeyDown:m,children:[t.jsx(T.Icon,{name:u,size:24,className:l.default["tedi-mobile-nav-toggle__icon"],color:"inherit"}),t.jsx("span",{className:l.default["tedi-mobile-nav-toggle__label"],children:d})]});const _=o==="collapse"?q.FloatingButton:h.Button;return t.jsx(_,{...r(),ref:c,icon:{name:u,className:l.default["tedi-mobile-nav-toggle__icon"],size:o==="collapse"?18:24},visualType:o==="collapse"?"secondary":"primary",className:b,onClick:()=>a(!e),onKeyDown:m,position:o==="collapse"?"absolute":"static",size:o==="collapse"?"small":"",children:d})},j=e=>(N.warnDeprecated("SidenavToggle","Use `MobileNavToggle` (same component, vendor-neutral name)."),t.jsx(n,{...e}));exports.MobileNavToggle=n;exports.SidenavToggle=j;exports.default=n;

package/src/tedi/components/layout/mobile-nav/components/mobile-nav-toggle/mobile-nav-toggle.d.ts

@@ -44,7 +44,7 @@ export type MobileNavToggleProps = {
 };
 export declare const MobileNavToggle: ({ menuOpen, toggleMenu, referenceRef, getReferenceProps, variant, showLabel, label, className, }: MobileNavToggleProps) => import("react/jsx-runtime").JSX.Element;
 /** @deprecated Use `MobileNavToggle` — same component, vendor-neutral name. */
-export declare const SidenavToggle: ({ menuOpen, toggleMenu, referenceRef, getReferenceProps, variant, showLabel, label, className, }: MobileNavToggleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SidenavToggle: (props: MobileNavToggleProps) => import("react/jsx-runtime").JSX.Element;
 /** @deprecated Use `MobileNavToggleProps`. */
 export type SidenavToggleProps = MobileNavToggleProps;
 /** @deprecated Use `MobileNavToggleVariant`. */

package/src/tedi/components/layout/mobile-nav/components/mobile-nav-toggle/mobile-nav-toggle.es.js

@@ -1,21 +1,22 @@
-import { jsxs as _, jsx as a } from "react/jsx-runtime";
-import h from "../../../../../../../external/classnames/index.es.js";
-import { Icon as N } from "../../../../base/icon/icon.es.js";
-import { Button as u } from "../../../../buttons/button/button.es.js";
-import { FloatingButton as v } from "../../../../buttons/floating-button/floating-button.es.js";
+import { jsxs as _, jsx as s } from "react/jsx-runtime";
+import N from "../../../../../../../external/classnames/index.es.js";
+import { warnDeprecated as h } from "../../../../../helpers/warn-deprecated/warn-deprecated.es.js";
+import { Icon as u } from "../../../../base/icon/icon.es.js";
+import { Button as v } from "../../../../buttons/button/button.es.js";
+import { FloatingButton as w } from "../../../../buttons/floating-button/floating-button.es.js";
 import l from "./mobile-nav-toggle.module.scss.es.js";
-import { useLabels as L } from "../../../../../providers/label-provider/use-labels.es.js";
-const k = ({
+import { useLabels as D } from "../../../../../providers/label-provider/use-labels.es.js";
+const L = ({
   menuOpen: o,
-  toggleMenu: s,
-  referenceRef: c,
-  getReferenceProps: n = () => ({}),
+  toggleMenu: i,
+  referenceRef: n,
+  getReferenceProps: c = () => ({}),
   variant: e = "mobile",
   showLabel: b = !1,
   label: t,
   className: f
 }) => {
-  const { getLabel: y } = L(), m = t !== void 0 ? typeof t == "function" ? t(o) : t : y("header.toggle", o), r = e === "collapse" ? o ? "right_panel_open" : "left_panel_open" : o ? "close" : "menu", g = b && e === "mobile", d = h(
+  const { getLabel: y } = D(), m = t !== void 0 ? typeof t == "function" ? t(o) : t : y("header.toggle", o), r = e === "collapse" ? o ? "right_panel_open" : "left_panel_open" : o ? "close" : "menu", g = b && e === "mobile", d = N(
     l["tedi-mobile-nav-toggle"],
     {
       [l["tedi-mobile-nav-toggle--open"]]: o,
@@ -23,29 +24,29 @@ const k = ({
       [l["tedi-mobile-nav-toggle--with-label"]]: g
     },
     f
-  ), p = (i) => {
-    (i.key === "Enter" || i.key === " ") && (i.preventDefault(), s(!o));
+  ), p = (a) => {
+    (a.key === "Enter" || a.key === " ") && (a.preventDefault(), i(!o));
   };
   return g ? /* @__PURE__ */ _(
     "button",
     {
-      ...n(),
-      ref: c,
+      ...c(),
+      ref: n,
       type: "button",
       "aria-expanded": o,
       className: d,
-      onClick: () => s(!o),
+      onClick: () => i(!o),
       onKeyDown: p,
       children: [
-        /* @__PURE__ */ a(N, { name: r, size: 24, className: l["tedi-mobile-nav-toggle__icon"], color: "inherit" }),
-        /* @__PURE__ */ a("span", { className: l["tedi-mobile-nav-toggle__label"], children: m })
+        /* @__PURE__ */ s(u, { name: r, size: 24, className: l["tedi-mobile-nav-toggle__icon"], color: "inherit" }),
+        /* @__PURE__ */ s("span", { className: l["tedi-mobile-nav-toggle__label"], children: m })
       ]
     }
-  ) : /* @__PURE__ */ a(
-    e === "collapse" ? v : u,
+  ) : /* @__PURE__ */ s(
+    e === "collapse" ? w : v,
     {
-      ...n(),
-      ref: c,
+      ...c(),
+      ref: n,
       icon: {
         name: r,
         className: l["tedi-mobile-nav-toggle__icon"],
@@ -53,16 +54,16 @@ const k = ({
       },
       visualType: e === "collapse" ? "secondary" : "primary",
       className: d,
-      onClick: () => s(!o),
+      onClick: () => i(!o),
       onKeyDown: p,
       position: e === "collapse" ? "absolute" : "static",
       size: e === "collapse" ? "small" : "",
       children: m
     }
   );
-}, j = k;
+}, S = (o) => (h("SidenavToggle", "Use `MobileNavToggle` (same component, vendor-neutral name)."), /* @__PURE__ */ s(L, { ...o }));
 export {
-  k as MobileNavToggle,
-  j as SidenavToggle,
-  k as default
+  L as MobileNavToggle,
+  S as SidenavToggle,
+  L as default
 };

package/src/tedi/components/layout/mobile-nav/mobile-nav.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),K=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),r=require("../../../../../external/classnames/index.cjs.js"),c=require("react"),_=require("../../base/icon/icon.cjs.js"),g=require("../../buttons/button/button.cjs.js"),E=require("../sidenav/components/sidenav-item/sidenav-item.cjs.js"),n=require("../sidenav/sidenav.module.scss.cjs.js"),Q=require("../../../providers/label-provider/use-labels.cjs.js"),V=typeof window<"u"?c.useLayoutEffect:c.useEffect,W=u=>{let f=(u==null?void 0:u.parentElement)??null;for(;f;){const d=getComputedStyle(f);if(d.transform!=="none"||d.perspective!=="none"||d.filter!==""&&d.filter!=="none"||/\b(transform|perspective|filter)\b/.test(d.willChange)||/\b(layout|paint|strict|content)\b/.test(d.contain))return f;f=f.parentElement}return null},B=({navItems:u,ariaLabel:f,linkAs:d,isOpen:h,onClose:v,showOverlay:m=!0,id:T,className:z})=>{var w,S,C,L,M,q,R;const{getLabel:x}=Q.useLabels(),[a,p]=c.useState([{items:u}]),k=c.useRef(null),[G,N]=c.useState("var(--layout-header-height)");c.useEffect(()=>{p([{items:u}])},[u]),V(()=>{if(!h||!m||typeof document>"u")return;const e=W(k.current),s=(e??document).querySelector("header")??document.querySelector("header");if(!s){N("var(--layout-header-height)");return}const o=()=>{const b=e?e.getBoundingClientRect().top:0;N(`${Math.max(0,Math.round(s.getBoundingClientRect().bottom-b))}px`)};o(),window.addEventListener("resize",o);let i;return typeof ResizeObserver<"u"&&(i=new ResizeObserver(o),i.observe(s),e&&i.observe(e)),()=>{window.removeEventListener("resize",o),i==null||i.disconnect()}},[h,m]),c.useEffect(()=>{if(!h||!m||typeof document>"u")return;const{body:e}=document,s=e.style.overflow;return e.style.overflow="hidden",()=>{e.style.overflow=s}},[h,m]);const l=a[a.length-1],P=a.length===1,j=e=>{var b;const s=!!(e.subItems||e.subItemGroups),o=!!(e.href||e.to);if(!s){v();return}const i=((b=e.subItemGroups)==null?void 0:b.flatMap(J=>J.subItems))||e.subItems||[];p([...a,{items:i,parent:e,renderParentLink:o}])},F=()=>{p(a.slice(0,-1))},D=()=>{p([a[0]])},H=((S=(w=l.parent)==null?void 0:w.subItems)==null?void 0:S.length)??((L=(C=l.parent)==null?void 0:C.subItemGroups)==null?void 0:L.length),U=a.length>1&&!(l.renderParentLink&&H),y=(e,s)=>s===1?!(e.subItems||e.subItemGroups)?t.jsx(E.SideNavItem,{...e,as:d,level:s,onItemClick:v,className:r.default(n.default["tedi-sidenav__item--mobile"],e.className)}):t.jsx("li",{className:r.default(n.default["tedi-sidenav__item"],n.default["tedi-sidenav__item--mobile"]),children:t.jsxs("button",{onClick:()=>j(e),className:n.default["tedi-sidenav__link"],children:[e.icon&&t.jsx(_.Icon,{name:typeof e.icon=="string"?e.icon:e.icon.name,color:"white",className:n.default["tedi-sidenav__icon"]}),t.jsx("span",{className:n.default["tedi-sidenav__title"],children:e.children}),t.jsx(_.Icon,{name:"expand_more",color:"white",className:n.default["tedi-sidenav__toggle-icon"]})]})}):$(e,s),$=(e,s)=>{const o=!!(e.href||e.to),i=!!(e.subItems||e.subItemGroups);return o?t.jsx(E.SideNavItem,{...e,as:d,level:s,icon:void 0,onItemClick:v,className:r.default(n.default["tedi-sidenav__sub-item"],e.className)}):t.jsx("li",{className:r.default(n.default["tedi-sidenav__item"]),children:t.jsxs(g.Button,{noStyle:!0,onClick:()=>i?j(e):v(),className:n.default["tedi-sidenav__link"],children:[t.jsx("span",{className:n.default["tedi-sidenav__title"],children:e.children}),i?t.jsx(_.Icon,{name:"expand_more",color:"white",className:n.default["tedi-sidenav__toggle-icon"]}):null]})})},I=t.jsxs("nav",{"data-name":"mobile-sidenav",className:r.default(n.default["tedi-sidenav"],n.default["tedi-sidenav--mobile"],z),"aria-label":f,id:T,children:[t.jsx("div",{className:n.default["tedi-sidenav__list"],children:!P&&t.jsxs("div",{className:n.default["tedi-sidenav__back-buttons"],children:[a.length>1&&t.jsxs(g.Button,{noStyle:!0,onClick:D,className:r.default(n.default["tedi-sidenav__link"],n.default["tedi-sidenav__back-button"]),children:[t.jsx(_.Icon,{name:"arrow_back",size:16,color:"white"}),t.jsx("span",{children:x("sidenav.backToMainMenu")})]}),a.length>2&&t.jsxs(g.Button,{noStyle:!0,onClick:F,className:r.default(n.default["tedi-sidenav__link"],n.default["tedi-sidenav__back-button"]),children:[t.jsx(_.Icon,{name:"arrow_back",size:16,color:"white"}),t.jsx("span",{children:((q=(M=a[a.length-1])==null?void 0:M.parent)==null?void 0:q.children)+" "+x("sidenav.backtoMenu")})]})]})}),U&&t.jsx("div",{className:r.default(n.default["tedi-sidenav__subheading"],n.default["tedi-sidenav__subheading--mobile"]),children:(R=l.parent)==null?void 0:R.children}),t.jsxs("ul",{className:n.default["tedi-sidenav__list"],children:[l.renderParentLink&&l.parent&&t.jsx("li",{className:n.default["tedi-sidenav__list-item"],children:t.jsx("div",{className:r.default(n.default["tedi-sidenav__collapse"]),children:y(l.parent,a.length)})}),!l.renderParentLink&&l.items.map((e,s)=>t.jsx(c.Fragment,{children:y(e,a.length)},e.id||s))]})]});return h?m?t.jsx(K.FloatingOverlay,{ref:k,style:{top:G},className:n.default["tedi-sidenav__overlay"],onMouseDown:e=>{e.target===e.currentTarget&&v()},children:I}):I:null},X=B;exports.MobileNav=B;exports.SideNavMobile=X;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),K=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),c=require("../../../../../external/classnames/index.cjs.js"),u=require("react"),Q=require("../../../helpers/warn-deprecated/warn-deprecated.cjs.js"),_=require("../../base/icon/icon.cjs.js"),g=require("../../buttons/button/button.cjs.js"),E=require("../sidenav/components/sidenav-item/sidenav-item.cjs.js"),n=require("../sidenav/sidenav.module.scss.cjs.js"),V=require("../../../providers/label-provider/use-labels.cjs.js"),W=typeof window<"u"?u.useLayoutEffect:u.useEffect,X=d=>{let f=(d==null?void 0:d.parentElement)??null;for(;f;){const l=getComputedStyle(f);if(l.transform!=="none"||l.perspective!=="none"||l.filter!==""&&l.filter!=="none"||/\b(transform|perspective|filter)\b/.test(l.willChange)||/\b(layout|paint|strict|content)\b/.test(l.contain))return f;f=f.parentElement}return null},B=({navItems:d,ariaLabel:f,linkAs:l,isOpen:h,onClose:v,showOverlay:m=!0,id:T,className:z})=>{var w,S,C,L,M,q,R;const{getLabel:x}=V.useLabels(),[a,p]=u.useState([{items:d}]),N=u.useRef(null),[G,k]=u.useState("var(--layout-header-height)");u.useEffect(()=>{p([{items:d}])},[d]),W(()=>{if(!h||!m||typeof document>"u")return;const e=X(N.current),s=(e??document).querySelector("header")??document.querySelector("header");if(!s){k("var(--layout-header-height)");return}const o=()=>{const b=e?e.getBoundingClientRect().top:0;k(`${Math.max(0,Math.round(s.getBoundingClientRect().bottom-b))}px`)};o(),window.addEventListener("resize",o);let i;return typeof ResizeObserver<"u"&&(i=new ResizeObserver(o),i.observe(s),e&&i.observe(e)),()=>{window.removeEventListener("resize",o),i==null||i.disconnect()}},[h,m]),u.useEffect(()=>{if(!h||!m||typeof document>"u")return;const{body:e}=document,s=e.style.overflow;return e.style.overflow="hidden",()=>{e.style.overflow=s}},[h,m]);const r=a[a.length-1],P=a.length===1,j=e=>{var b;const s=!!(e.subItems||e.subItemGroups),o=!!(e.href||e.to);if(!s){v();return}const i=((b=e.subItemGroups)==null?void 0:b.flatMap(J=>J.subItems))||e.subItems||[];p([...a,{items:i,parent:e,renderParentLink:o}])},D=()=>{p(a.slice(0,-1))},F=()=>{p([a[0]])},U=((S=(w=r.parent)==null?void 0:w.subItems)==null?void 0:S.length)??((L=(C=r.parent)==null?void 0:C.subItemGroups)==null?void 0:L.length),H=a.length>1&&!(r.renderParentLink&&U),y=(e,s)=>s===1?!(e.subItems||e.subItemGroups)?t.jsx(E.SideNavItem,{...e,as:l,level:s,onItemClick:v,className:c.default(n.default["tedi-sidenav__item--mobile"],e.className)}):t.jsx("li",{className:c.default(n.default["tedi-sidenav__item"],n.default["tedi-sidenav__item--mobile"]),children:t.jsxs("button",{onClick:()=>j(e),className:n.default["tedi-sidenav__link"],children:[e.icon&&t.jsx(_.Icon,{name:typeof e.icon=="string"?e.icon:e.icon.name,color:"white",className:n.default["tedi-sidenav__icon"]}),t.jsx("span",{className:n.default["tedi-sidenav__title"],children:e.children}),t.jsx(_.Icon,{name:"expand_more",color:"white",className:n.default["tedi-sidenav__toggle-icon"]})]})}):$(e,s),$=(e,s)=>{const o=!!(e.href||e.to),i=!!(e.subItems||e.subItemGroups);return o?t.jsx(E.SideNavItem,{...e,as:l,level:s,icon:void 0,onItemClick:v,className:c.default(n.default["tedi-sidenav__sub-item"],e.className)}):t.jsx("li",{className:c.default(n.default["tedi-sidenav__item"]),children:t.jsxs(g.Button,{noStyle:!0,onClick:()=>i?j(e):v(),className:n.default["tedi-sidenav__link"],children:[t.jsx("span",{className:n.default["tedi-sidenav__title"],children:e.children}),i?t.jsx(_.Icon,{name:"expand_more",color:"white",className:n.default["tedi-sidenav__toggle-icon"]}):null]})})},I=t.jsxs("nav",{"data-name":"mobile-sidenav",className:c.default(n.default["tedi-sidenav"],n.default["tedi-sidenav--mobile"],z),"aria-label":f,id:T,children:[t.jsx("div",{className:n.default["tedi-sidenav__list"],children:!P&&t.jsxs("div",{className:n.default["tedi-sidenav__back-buttons"],children:[a.length>1&&t.jsxs(g.Button,{noStyle:!0,onClick:F,className:c.default(n.default["tedi-sidenav__link"],n.default["tedi-sidenav__back-button"]),children:[t.jsx(_.Icon,{name:"arrow_back",size:16,color:"white"}),t.jsx("span",{children:x("sidenav.backToMainMenu")})]}),a.length>2&&t.jsxs(g.Button,{noStyle:!0,onClick:D,className:c.default(n.default["tedi-sidenav__link"],n.default["tedi-sidenav__back-button"]),children:[t.jsx(_.Icon,{name:"arrow_back",size:16,color:"white"}),t.jsx("span",{children:((q=(M=a[a.length-1])==null?void 0:M.parent)==null?void 0:q.children)+" "+x("sidenav.backtoMenu")})]})]})}),H&&t.jsx("div",{className:c.default(n.default["tedi-sidenav__subheading"],n.default["tedi-sidenav__subheading--mobile"]),children:(R=r.parent)==null?void 0:R.children}),t.jsxs("ul",{className:n.default["tedi-sidenav__list"],children:[r.renderParentLink&&r.parent&&t.jsx("li",{className:n.default["tedi-sidenav__list-item"],children:t.jsx("div",{className:c.default(n.default["tedi-sidenav__collapse"]),children:y(r.parent,a.length)})}),!r.renderParentLink&&r.items.map((e,s)=>t.jsx(u.Fragment,{children:y(e,a.length)},e.id||s))]})]});return h?m?t.jsx(K.FloatingOverlay,{ref:N,style:{top:G},className:n.default["tedi-sidenav__overlay"],onMouseDown:e=>{e.target===e.currentTarget&&v()},children:I}):I:null},Y=d=>(Q.warnDeprecated("SideNavMobile","Use `MobileNav` (same component, vendor-neutral name)."),t.jsx(B,{...d}));exports.MobileNav=B;exports.SideNavMobile=Y;

package/src/tedi/components/layout/mobile-nav/mobile-nav.d.ts

@@ -15,6 +15,6 @@ export declare const MobileNav: <C extends React.ElementType = "a">({ navItems,
  * @deprecated Use `MobileNav` (same component, vendor-neutral name). Kept for
  * backward compatibility with the `SideNav.Mobile` sub-component alias.
  */
-export declare const SideNavMobile: <C extends React.ElementType = "a">({ navItems, ariaLabel, linkAs, isOpen, onClose, showOverlay, id, className, }: MobileNavProps<C>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const SideNavMobile: <C extends React.ElementType = "a">(props: MobileNavProps<C>) => import("react/jsx-runtime").JSX.Element;
 /** @deprecated Use `MobileNavProps`. */
 export type SideNavMobileProps<C extends React.ElementType = 'a'> = MobileNavProps<C>;