@tedi-design-system/react 18.0.0-rc.9 → 18.0.0

package/src/tedi/components/layout/footer/footer-side/footer-side.es.js

@@ -0,0 +1,33 @@
+import { jsx as d } from "react/jsx-runtime";
+import c from "../../../../../../external/classnames/index.es.js";
+import { useContext as l } from "react";
+import e from "../footer.module.scss.es.js";
+import { FooterContext as f } from "../footer-context.es.js";
+import { useBreakpointProps as k } from "../../../../helpers/hooks/use-breakpoint-props.es.js";
+import B, { isBreakpointBelow as u } from "../../../../helpers/hooks/use-breakpoint.es.js";
+const b = (o) => {
+  const { getCurrentBreakpointProps: t } = k(o.defaultServerBreakpoint), r = B(), { mobileBreakpoint: i } = l(f), s = u(r, i), {
+    placement: n = "start",
+    position: a = "center",
+    children: m,
+    className: p
+  } = t(o, { placement: "start", position: "center" });
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      "data-name": "footer-side",
+      className: c(
+        e["tedi-footer-side"],
+        e[`tedi-footer-side--${n}`],
+        e[`tedi-footer-side--vertical-${a}`],
+        { [e["tedi-footer-side--mobile"]]: s },
+        p
+      ),
+      children: m
+    }
+  );
+};
+b.displayName = "Footer.Side";
+export {
+  b as FooterSide
+};

package/src/tedi/components/layout/footer/footer.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),p=require("../../../../../external/classnames/index.cjs.js"),c=require("react"),n=require("./footer.module.scss.cjs.js"),B=require("./footer-body/footer-body.cjs.js"),q=require("./footer-bottom/footer-bottom.cjs.js"),g=require("./footer-context.cjs.js"),P=require("./footer-section/footer-section.cjs.js"),y=require("./footer-side/footer-side.cjs.js"),m=require("../../../helpers/hooks/use-breakpoint.cjs.js"),k=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),o=({children:F,className:S,mobileBreakpoint:s="sm",maxWidth:t})=>{const v=m.default(),_=m.isBreakpointBelow(v,s),{getCurrentBreakpointProps:j}=k.useBreakpointProps(),x=c.useMemo(()=>({mobileBreakpoint:s,maxWidth:t}),[s,t]),l=[],d=[];let u=null,f=null;const i=[];return c.Children.forEach(F,e=>{if(!c.isValidElement(e)){e!=null&&e!==!1&&i.push(e);return}const a=e.type;if(a===y.FooterSide){const{placement:b="start"}=j(e.props);(b==="end"?d:l).push(e);return}if(a===B.FooterBody){u=e;return}if(a===q.FooterBottom){f=e;return}i.push(e)}),r.jsx(g.FooterContext.Provider,{value:x,children:r.jsxs("footer",{"data-name":"footer",className:p.default(n.default["tedi-footer"],S),children:[r.jsxs("div",{className:p.default(n.default["tedi-footer__container"],{[n.default["tedi-footer__container--mobile"]]:_}),style:t!==void 0?{maxWidth:t,marginInline:"auto"}:void 0,children:[l,u!==null&&r.jsx("div",{className:n.default["tedi-footer__center"],children:u}),i,d]}),f]})})};o.Side=y.FooterSide;o.Body=B.FooterBody;o.Section=P.FooterSection;o.Bottom=q.FooterBottom;o.displayName="Footer";exports.Footer=o;

package/src/tedi/components/layout/footer/footer.d.ts

@@ -0,0 +1,56 @@
+import { ReactNode } from 'react';
+import { Breakpoint } from '../../../helpers';
+import { FooterSideProps } from './footer-side/footer-side';
+export interface FooterProps {
+    /**
+     * `<Footer.Side>`, `<Footer.Body>` (with `<Footer.Section>` children), and `<Footer.Bottom>` slots.
+     *
+     * Recognised arrangement:
+     * 1. Zero or more `<Footer.Side placement="start">` elements (logos on the left).
+     * 2. Exactly one `<Footer.Body>`.
+     * 3. Zero or more `<Footer.Side placement="end">` elements (logos on the right).
+     * 4. Optional `<Footer.Bottom>` rendered below the main row as a strip with separator dots.
+     *
+     * Other nodes are rendered verbatim where the consumer placed them.
+     */
+    children: ReactNode;
+    /**
+     * Viewport breakpoint at and below which the footer switches to its stacked
+     * mobile layout — sections collapse into accordions, sides stack, the bottom
+     * strip wraps. Propagated to every Footer subcomponent via context so they
+     * agree on the threshold.
+     * @default sm
+     */
+    mobileBreakpoint?: Breakpoint;
+    /**
+     * Caps the inner content — the column row and the bottom strip's content — to a maximum width
+     * and centers it, while the dark backgrounds stay full-bleed. Pass any CSS length (e.g. `1280`,
+     * `'1280px'`, `'80rem'`). Omit to let the content fill the full width (with the 40px padding).
+     */
+    maxWidth?: number | string;
+    /**
+     * Additional class name on the `<footer>` root.
+     */
+    className?: string;
+}
+export declare const Footer: {
+    ({ children, className, mobileBreakpoint, maxWidth }: FooterProps): JSX.Element;
+    Side: {
+        (props: FooterSideProps): JSX.Element;
+        displayName: string;
+    };
+    Body: {
+        (props: import('.').FooterBodyProps): JSX.Element;
+        displayName: string;
+    };
+    Section: {
+        ({ heading, icon, collapsible, defaultOpen, iconBreakpoint, children, className, }: import('.').FooterSectionProps): JSX.Element;
+        displayName: string;
+    };
+    Bottom: {
+        ({ children, separator, className }: import('.').FooterBottomProps): JSX.Element;
+        displayName: string;
+    };
+    displayName: string;
+};
+export default Footer;

package/src/tedi/components/layout/footer/footer.es.js

@@ -0,0 +1,63 @@
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import c from "../../../../../external/classnames/index.es.js";
+import { useMemo as k, Children as C, isValidElement as P } from "react";
+import r from "./footer.module.scss.es.js";
+import { FooterBody as d } from "./footer-body/footer-body.es.js";
+import { FooterBottom as y } from "./footer-bottom/footer-bottom.es.js";
+import { FooterContext as j } from "./footer-context.es.js";
+import { FooterSection as x } from "./footer-section/footer-section.es.js";
+import { FooterSide as v } from "./footer-side/footer-side.es.js";
+import E, { isBreakpointBelow as M } from "../../../helpers/hooks/use-breakpoint.es.js";
+import { useBreakpointProps as V } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+const t = ({ children: B, className: F, mobileBreakpoint: n = "sm", maxWidth: e }) => {
+  const _ = E(), N = M(_, n), { getCurrentBreakpointProps: S } = V(), b = k(
+    () => ({ mobileBreakpoint: n, maxWidth: e }),
+    [n, e]
+  ), p = [], a = [];
+  let s = null, f = null;
+  const i = [];
+  return C.forEach(B, (o) => {
+    if (!P(o)) {
+      o != null && o !== !1 && i.push(o);
+      return;
+    }
+    const m = o.type;
+    if (m === v) {
+      const { placement: g = "start" } = S(o.props);
+      (g === "end" ? a : p).push(o);
+      return;
+    }
+    if (m === d) {
+      s = o;
+      return;
+    }
+    if (m === y) {
+      f = o;
+      return;
+    }
+    i.push(o);
+  }), /* @__PURE__ */ l(j.Provider, { value: b, children: /* @__PURE__ */ u("footer", { "data-name": "footer", className: c(r["tedi-footer"], F), children: [
+    /* @__PURE__ */ u(
+      "div",
+      {
+        className: c(r["tedi-footer__container"], { [r["tedi-footer__container--mobile"]]: N }),
+        style: e !== void 0 ? { maxWidth: e, marginInline: "auto" } : void 0,
+        children: [
+          p,
+          s !== null && /* @__PURE__ */ l("div", { className: r["tedi-footer__center"], children: s }),
+          i,
+          a
+        ]
+      }
+    ),
+    f
+  ] }) });
+};
+t.Side = v;
+t.Body = d;
+t.Section = x;
+t.Bottom = y;
+t.displayName = "Footer";
+export {
+  t as Footer
+};

package/src/tedi/components/layout/footer/footer.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-footer":"tedi-footer-f088bd56","tedi-footer__container":"tedi-footer__container-ee64c062","tedi-footer__container--mobile":"tedi-footer__container--mobile-20a477c0","tedi-footer__center":"tedi-footer__center-25181d1f","tedi-footer-body":"tedi-footer-body-21881fd3","tedi-footer-body--grid":"tedi-footer-body--grid-a3777db4","tedi-footer-body--mobile":"tedi-footer-body--mobile-3310507d","tedi-footer-section":"tedi-footer-section-5b630c85","tedi-footer-section--collapsible":"tedi-footer-section--collapsible-8adbd143","tedi-footer-section__icon":"tedi-footer-section__icon-9c09e5d8","tedi-footer-section__container":"tedi-footer-section__container-3527098d","tedi-footer-section__container--mobile":"tedi-footer-section__container--mobile-a2563a40","tedi-footer-section__content":"tedi-footer-section__content-b2dc3f8b","tedi-footer-section__content-inner":"tedi-footer-section__content-inner-edb818fc","tedi-footer-section__heading":"tedi-footer-section__heading-fef39ed8","tedi-footer-section__collapse":"tedi-footer-section__collapse-ef9ed5bc","tedi-footer-side":"tedi-footer-side-f51f8e61","tedi-footer-side--vertical-start":"tedi-footer-side--vertical-start-50a9b280","tedi-footer-side--vertical-end":"tedi-footer-side--vertical-end-0da54b78","tedi-footer-side--start":"tedi-footer-side--start-4d4d7a07","tedi-footer-side--end":"tedi-footer-side--end-f24367c3","tedi-footer-side--mobile":"tedi-footer-side--mobile-31b9b02e","tedi-footer-bottom":"tedi-footer-bottom-f3128374","tedi-footer-bottom__inner":"tedi-footer-bottom__inner-9d79617c","tedi-footer-bottom--mobile":"tedi-footer-bottom--mobile-6510a7e3","tedi-footer-bottom__dot":"tedi-footer-bottom__dot-a7f48402"};exports.default=e;

package/src/tedi/components/layout/footer/footer.module.scss.es.js

@@ -0,0 +1,31 @@
+const e = {
+  "tedi-footer": "tedi-footer-f088bd56",
+  "tedi-footer__container": "tedi-footer__container-ee64c062",
+  "tedi-footer__container--mobile": "tedi-footer__container--mobile-20a477c0",
+  "tedi-footer__center": "tedi-footer__center-25181d1f",
+  "tedi-footer-body": "tedi-footer-body-21881fd3",
+  "tedi-footer-body--grid": "tedi-footer-body--grid-a3777db4",
+  "tedi-footer-body--mobile": "tedi-footer-body--mobile-3310507d",
+  "tedi-footer-section": "tedi-footer-section-5b630c85",
+  "tedi-footer-section--collapsible": "tedi-footer-section--collapsible-8adbd143",
+  "tedi-footer-section__icon": "tedi-footer-section__icon-9c09e5d8",
+  "tedi-footer-section__container": "tedi-footer-section__container-3527098d",
+  "tedi-footer-section__container--mobile": "tedi-footer-section__container--mobile-a2563a40",
+  "tedi-footer-section__content": "tedi-footer-section__content-b2dc3f8b",
+  "tedi-footer-section__content-inner": "tedi-footer-section__content-inner-edb818fc",
+  "tedi-footer-section__heading": "tedi-footer-section__heading-fef39ed8",
+  "tedi-footer-section__collapse": "tedi-footer-section__collapse-ef9ed5bc",
+  "tedi-footer-side": "tedi-footer-side-f51f8e61",
+  "tedi-footer-side--vertical-start": "tedi-footer-side--vertical-start-50a9b280",
+  "tedi-footer-side--vertical-end": "tedi-footer-side--vertical-end-0da54b78",
+  "tedi-footer-side--start": "tedi-footer-side--start-4d4d7a07",
+  "tedi-footer-side--end": "tedi-footer-side--end-f24367c3",
+  "tedi-footer-side--mobile": "tedi-footer-side--mobile-31b9b02e",
+  "tedi-footer-bottom": "tedi-footer-bottom-f3128374",
+  "tedi-footer-bottom__inner": "tedi-footer-bottom__inner-9d79617c",
+  "tedi-footer-bottom--mobile": "tedi-footer-bottom--mobile-6510a7e3",
+  "tedi-footer-bottom__dot": "tedi-footer-bottom__dot-a7f48402"
+};
+export {
+  e as default
+};

package/src/tedi/components/layout/footer/index.d.ts

@@ -0,0 +1,5 @@
+export * from './footer';
+export * from './footer-body/footer-body';
+export * from './footer-bottom/footer-bottom';
+export * from './footer-section/footer-section';
+export * from './footer-side/footer-side';

package/src/tedi/components/layout/grid/col.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const V=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),B=require("react"),N=require("../../../types/commonTypes.cjs.js"),o=require("./grid.module.scss.cjs.js"),T=require("./row-context.cjs.js"),m=$=>{const{className:g,children:w,element:d,width:h,offset:p,order:x,align:C,grow:S,shrink:v,onClick:E,xs:k,sm:q,md:b,lg:j,xl:M,xxl:_,...y}=$,{element:I}=B.useContext(T.RowContext);let l;if(d)l=d;else switch(I){case"ol":case"ul":l="li";break;case"span":l="span";break;default:l="div"}const n=(a,e="")=>{const{align:c,offset:s,order:t,width:r,grow:u,shrink:i}=a;return f.default(o.default.col,{[o.default[`align-self${e}-${c}`]]:c},{[o.default[`offset${e}-${s}`]]:s},{[o.default[`order${e}-${t}`]]:t},{[o.default[`col${e}-${r}`]]:r},{[o.default[`flex${e}-grow-${u}`]]:u},{[o.default[`flex${e}-shrink-${i}`]]:i})},R=()=>{const a={xs:k,sm:q,md:b,lg:j,xl:M,xxl:_},e=N.DEVICE_SIZES.map(s=>{const t=a[s],r=s!=="xs"?`-${s}`:"";return t?n(typeof t=="object"?{...t}:{width:t},r):void 0}),c={width:h,offset:p,order:x,align:C,grow:S,shrink:v};return f.default(...e,g,n(c))};return V.jsx(l,{"data-name":"col",...y,className:R(),onClick:E,children:w})};exports.Col=m;exports.default=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),B=require("react"),N=require("../../../types/commonTypes.cjs.js"),o=require("./grid.module.scss.cjs.js"),T=require("./row-context.cjs.js"),_=m=>{const{className:$,children:g,element:d,width:w,offset:h,order:p,align:x,grow:C,shrink:S,onClick:E,xs:k,sm:q,md:v,lg:b,xl:j,xxl:y,...I}=m,{element:M}=B.useContext(T.RowContext);let l;if(d)l=d;else switch(M){case"ol":case"ul":l="li";break;case"span":l="span";break;default:l="div"}const n=(a,e="")=>{const{align:c,offset:s,order:t,width:r,grow:i,shrink:u}=a;return f.default(o.default.col,{[o.default[`align-self${e}-${c}`]]:c},{[o.default[`offset${e}-${s}`]]:s},{[o.default[`order${e}-${t}`]]:t},{[o.default[`col${e}-${r}`]]:r},{[o.default[`flex${e}-grow-${i}`]]:i},{[o.default[`flex${e}-shrink-${u}`]]:u})},R=()=>{const a={xs:k,sm:q,md:v,lg:b,xl:j,xxl:y},e=N.DEVICE_SIZES.map(s=>{const t=a[s],r=s!=="xs"?`-${s}`:"";return t?n(typeof t=="object"?{...t}:{width:t},r):void 0}),c={width:w,offset:h,order:p,align:x,grow:C,shrink:S};return f.default(...e,$,n(c))};return V.jsx(l,{"data-name":"col",...I,className:R(),onClick:E,children:g})};exports.Col=_;

package/src/tedi/components/layout/grid/col.es.js

@@ -39,27 +39,26 @@ const H = (p) => {
       default:
         r = "div";
     }
-  const a = (n, e = "") => {
-    const { align: c, offset: s, order: o, width: l, grow: m, shrink: f } = n;
+  const n = (a, e = "") => {
+    const { align: l, offset: s, order: o, width: c, grow: m, shrink: f } = a;
     return d(
       t.col,
-      { [t[`align-self${e}-${c}`]]: c },
+      { [t[`align-self${e}-${l}`]]: l },
       { [t[`offset${e}-${s}`]]: s },
       { [t[`order${e}-${o}`]]: o },
-      { [t[`col${e}-${l}`]]: l },
+      { [t[`col${e}-${c}`]]: c },
       { [t[`flex${e}-grow-${m}`]]: m },
       { [t[`flex${e}-shrink-${f}`]]: f }
     );
   };
   return /* @__PURE__ */ b(r, { "data-name": "col", ...V, className: (() => {
-    const n = { xs: S, sm: v, md: B, lg: I, xl: M, xxl: N }, e = y.map((s) => {
-      const o = n[s], l = s !== "xs" ? `-${s}` : "";
-      return o ? a(typeof o == "object" ? { ...o } : { width: o }, l) : void 0;
-    }), c = { width: h, offset: w, order: g, align: E, grow: x, shrink: k };
-    return d(...e, $, a(c));
+    const a = { xs: S, sm: v, md: B, lg: I, xl: M, xxl: N }, e = y.map((s) => {
+      const o = a[s], c = s !== "xs" ? `-${s}` : "";
+      return o ? n(typeof o == "object" ? { ...o } : { width: o }, c) : void 0;
+    }), l = { width: h, offset: w, order: g, align: E, grow: x, shrink: k };
+    return d(...e, $, n(l));
   })(), onClick: C, children: u });
 };
 export {
-  H as Col,
-  H as default
+  H as Col
 };

package/src/tedi/components/layout/grid/row.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const $=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),T=require("../../../types/commonTypes.cjs.js"),t=require("./grid.module.scss.cjs.js"),D=require("./row-context.cjs.js"),p=w=>{const{children:j,className:v,element:i="div",cols:y,alignItems:S,justifyContent:x,gap:C,gutter:E,gutterY:I,gutterX:q,wrap:M,direction:R,xs:_,sm:V,md:X,lg:Y,xl:b,xxl:h,...B}=w,l=(c,e="")=>{const{cols:u,justifyContent:o,alignItems:s,gap:r,direction:g,wrap:m,gutter:n,gutterX:a,gutterY:d}=c;return f.default(t.default.row,{[t.default[`row-cols${e}-${u}`]]:u},{[t.default[`justify-content${e}-${o}`]]:o},{[t.default[`align-items${e}-${s}`]]:s},{[t.default[`gap${e}-${r}`]]:r||r===0},{[t.default[`g${e}-${n}`]]:n||n===0},{[t.default[`gx${e}-${a}`]]:a||a===0},{[t.default[`gy${e}-${d}`]]:d||d===0},{[`flex${e}-${g}`]:g},{[t.default[`flex${e}-${m}`]]:m})},N=()=>{const c={xs:_,sm:V,md:X,lg:Y,xl:b,xxl:h},e=T.DEVICE_SIZES.map(o=>{const s=c[o],r=o!=="xs"?`-${o}`:"";return s?l(typeof s=="object"?{...s}:{cols:s},r):void 0}),u={cols:y,justifyContent:x,alignItems:S,gap:C,direction:R,wrap:M,gutter:E,gutterX:q,gutterY:I};return f.default(...e,v,l(u))};return $.jsx(D.RowContext.Provider,{value:{element:i},children:$.jsx(i,{"data-name":"row",...B,className:N(),children:j})})};exports.Row=p;exports.default=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),T=require("../../../types/commonTypes.cjs.js"),t=require("./grid.module.scss.cjs.js"),_=require("./row-context.cjs.js"),D=p=>{const{children:w,className:j,element:g="div",cols:y,alignItems:v,justifyContent:S,gap:x,gutter:C,gutterY:E,gutterX:I,wrap:q,direction:R,xs:M,sm:V,md:X,lg:Y,xl:b,xxl:h,...B}=p,u=(l,e="")=>{const{cols:c,justifyContent:r,alignItems:o,gap:s,direction:i,wrap:m,gutter:n,gutterX:a,gutterY:d}=l;return f.default(t.default.row,{[t.default[`row-cols${e}-${c}`]]:c},{[t.default[`justify-content${e}-${r}`]]:r},{[t.default[`align-items${e}-${o}`]]:o},{[t.default[`gap${e}-${s}`]]:s||s===0},{[t.default[`g${e}-${n}`]]:n||n===0},{[t.default[`gx${e}-${a}`]]:a||a===0},{[t.default[`gy${e}-${d}`]]:d||d===0},{[`flex${e}-${i}`]:i},{[t.default[`flex${e}-${m}`]]:m})},N=()=>{const l={xs:M,sm:V,md:X,lg:Y,xl:b,xxl:h},e=T.DEVICE_SIZES.map(r=>{const o=l[r],s=r!=="xs"?`-${r}`:"";return o?u(typeof o=="object"?{...o}:{cols:o},s):void 0}),c={cols:y,justifyContent:S,alignItems:v,gap:x,direction:R,wrap:q,gutter:C,gutterX:I,gutterY:E};return f.default(...e,j,u(c))};return $.jsx(_.RowContext.Provider,{value:{element:g},children:$.jsx(g,{"data-name":"row",...B,className:N(),children:w})})};exports.Row=D;

package/src/tedi/components/layout/grid/row.es.js

@@ -7,7 +7,7 @@ const H = (f) => {
   const {
     children: w,
     className: v,
-    element: g = "div",
+    element: u = "div",
     cols: y,
     alignItems: j,
     justifyContent: C,
@@ -24,30 +24,29 @@ const H = (f) => {
     xl: M,
     xxl: R,
     ...D
-  } = f, l = (n, t = "") => {
-    const { cols: c, justifyContent: s, alignItems: o, gap: r, direction: p, wrap: $, gutter: a, gutterX: m, gutterY: u } = n;
+  } = f, n = (l, t = "") => {
+    const { cols: c, justifyContent: r, alignItems: o, gap: s, direction: p, wrap: $, gutter: a, gutterX: m, gutterY: g } = l;
     return d(
       e.row,
       { [e[`row-cols${t}-${c}`]]: c },
-      { [e[`justify-content${t}-${s}`]]: s },
+      { [e[`justify-content${t}-${r}`]]: r },
       { [e[`align-items${t}-${o}`]]: o },
-      { [e[`gap${t}-${r}`]]: r || r === 0 },
+      { [e[`gap${t}-${s}`]]: s || s === 0 },
       { [e[`g${t}-${a}`]]: a || a === 0 },
       { [e[`gx${t}-${m}`]]: m || m === 0 },
-      { [e[`gy${t}-${u}`]]: u || u === 0 },
+      { [e[`gy${t}-${g}`]]: g || g === 0 },
       { [`flex${t}-${p}`]: p },
       { [e[`flex${t}-${$}`]]: $ }
     );
   }, Z = () => {
-    const n = { xs: X, sm: Y, md: h, lg: B, xl: M, xxl: R }, t = _.map((s) => {
-      const o = n[s], r = s !== "xs" ? `-${s}` : "";
-      return o ? l(typeof o == "object" ? { ...o } : { cols: o }, r) : void 0;
+    const l = { xs: X, sm: Y, md: h, lg: B, xl: M, xxl: R }, t = _.map((r) => {
+      const o = l[r], s = r !== "xs" ? `-${r}` : "";
+      return o ? n(typeof o == "object" ? { ...o } : { cols: o }, s) : void 0;
     }), c = { cols: y, justifyContent: C, alignItems: j, gap: E, direction: V, wrap: N, gutter: I, gutterX: x, gutterY: S };
-    return d(...t, v, l(c));
+    return d(...t, v, n(c));
   };
-  return /* @__PURE__ */ i(b.Provider, { value: { element: g }, children: /* @__PURE__ */ i(g, { "data-name": "row", ...D, className: Z(), children: w }) });
+  return /* @__PURE__ */ i(b.Provider, { value: { element: u }, children: /* @__PURE__ */ i(u, { "data-name": "row", ...D, className: Z(), children: w }) });
 };
 export {
-  H as Row,
-  H as default
+  H as Row
 };

package/src/tedi/components/layout/header/header.d.ts

@@ -33,27 +33,27 @@ export declare const Header: {
         displayName: string;
     };
     Language: {
-        (props: import('./components/header-language/header-language').HeaderLanguageProps): import("react/jsx-runtime").JSX.Element;
+        (props: import('.').HeaderLanguageProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Login: {
-        (props: import('./components/header-login/header-login').HeaderLoginProps): import("react/jsx-runtime").JSX.Element;
+        (props: import('.').HeaderLoginProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Logout: {
-        (props: import('./components/header-logout/header-logout').HeaderLogoutProps): import("react/jsx-runtime").JSX.Element;
+        (props: import('.').HeaderLogoutProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Profile: {
-        (props: import('./components/header-profile/header-profile').HeaderProfileProps): import("react/jsx-runtime").JSX.Element;
+        (props: import('.').HeaderProfileProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Role: {
-        (props: import('./components/header-role/header-role').HeaderRoleProps): import("react/jsx-runtime").JSX.Element;
+        (props: import('.').HeaderRoleProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Search: {
-        (props: import('./components/header-search/header-search').HeaderSearchProps): import("react/jsx-runtime").JSX.Element;
+        (props: import('.').HeaderSearchProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 };

package/src/tedi/components/layout/sidenav/components/sidenav-dropdown/sidenav-dropdown.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("../../../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),k=require("../../../../../../../external/classnames/index.cjs.js"),m=require("react"),D=require("../../../../navigation/link/link.cjs.js"),a=require("./sidenav-dropdown.module.scss.cjs.js"),q=require("../../../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),h=require("../../../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),F=require("../../../../../providers/label-provider/use-labels.cjs.js"),S=({trigger:b,groups:g,onOpenChange:u,as:x})=>{const{getLabel:_}=F.useLabels(),[r,l]=m.useState(!1),{refs:c,floatingStyles:j,context:f}=d.useFloating({open:r,middleware:[h.offset({mainAxis:8}),h.flip()],whileElementsMounted:q.autoUpdate,placement:"right-start",onOpenChange:e=>{l(e),u==null||u(e)},strategy:"fixed"}),{getReferenceProps:w,getFloatingProps:y}=d.useInteractions([d.useClick(f),d.useDismiss(f)]),p=e=>{var v;const n=e.subItemGroups||e.subItems,t=e.key||e.href||((v=e.children)==null?void 0:v.toString());return s.jsxs("li",{role:"none",className:k.default(a.default["tedi-sidenav-dropdown__item"],n&&a.default["tedi-sidenav-dropdown__item--has-children"]),children:[s.jsxs(D.Link,{...e,role:"menuitem","aria-haspopup":n?"true":void 0,"aria-expanded":n?r:void 0,"aria-controls":n?`${t}-submenu`:void 0,className:a.default["tedi-sidenav-dropdown__link"],"data-active":e.isActive,"aria-current":e.isActive?"page":void 0,noStyle:!0,onClick:i=>{var o;(o=e.onClick)==null||o.call(e,i),l(!1)},as:e.as??x,children:[e.children,n&&s.jsx("span",{className:a.default["tedi-sidenav__bullet"]})]}),n&&s.jsx("ul",{id:`${t}-submenu`,className:a.default["tedi-sidenav-dropdown__list"],role:"menu","aria-label":_("sidenav.submenu"),children:(e.subItemGroups??(e.subItems?[{subItems:e.subItems}]:[])).map((i,o)=>s.jsxs(m.Fragment,{children:[i.subHeading&&s.jsx("div",{className:a.default["tedi-sidenav-dropdown__heading"],role:"presentation",children:i.subHeading}),i.subItems.map(N=>p(N))]},o))})]},t)},I=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),l(n=>!n)),e.key==="Escape"&&(e.preventDefault(),l(!1),c.setReference(null))};return s.jsxs(s.Fragment,{children:[s.jsx("div",{ref:c.setReference,...w(),role:"button",tabIndex:-1,"aria-haspopup":"menu","aria-expanded":r,onKeyDown:I,children:b}),r&&s.jsx(d.FloatingOverlay,{children:s.jsx(d.FloatingPortal,{children:s.jsx(d.FloatingFocusManager,{context:f,modal:!1,children:s.jsx("div",{ref:c.setFloating,style:j,className:a.default["tedi-sidenav-dropdown"],role:"menu",...y(),children:g.map((e,n)=>s.jsxs("div",{className:a.default["tedi-sidenav-dropdown__group"],children:[e.subHeading&&s.jsx("div",{className:a.default["tedi-sidenav-dropdown__heading"],role:"presentation",children:e.subHeading}),s.jsx("ul",{className:a.default["tedi-sidenav-dropdown__list"],role:"menu",children:e.subItems.map(t=>p(t))})]},n))})})})})]})};exports.SideNavDropdown=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("../../../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),k=require("../../../../../../../external/classnames/index.cjs.js"),m=require("react"),D=require("../../../../navigation/link/link.cjs.js"),a=require("./sidenav-dropdown.module.scss.cjs.js"),q=require("../../../../../providers/label-provider/use-labels.cjs.js"),F=require("../../../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),h=require("../../../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),S=({trigger:b,groups:g,onOpenChange:u,as:x})=>{const{getLabel:_}=q.useLabels(),[r,l]=m.useState(!1),{refs:c,floatingStyles:j,context:f}=d.useFloating({open:r,middleware:[h.offset({mainAxis:8}),h.flip()],whileElementsMounted:F.autoUpdate,placement:"right-start",onOpenChange:e=>{l(e),u==null||u(e)},strategy:"fixed"}),{getReferenceProps:w,getFloatingProps:y}=d.useInteractions([d.useClick(f),d.useDismiss(f)]),p=e=>{var v;const n=e.subItemGroups||e.subItems,t=e.key||e.href||((v=e.children)==null?void 0:v.toString());return s.jsxs("li",{role:"none",className:k.default(a.default["tedi-sidenav-dropdown__item"],n&&a.default["tedi-sidenav-dropdown__item--has-children"]),children:[s.jsxs(D.Link,{...e,role:"menuitem","aria-haspopup":n?"true":void 0,"aria-expanded":n?r:void 0,"aria-controls":n?`${t}-submenu`:void 0,className:a.default["tedi-sidenav-dropdown__link"],"data-active":e.isActive,"aria-current":e.isActive?"page":void 0,noStyle:!0,onClick:i=>{var o;(o=e.onClick)==null||o.call(e,i),l(!1)},as:e.as??x,children:[e.children,n&&s.jsx("span",{className:a.default["tedi-sidenav__bullet"]})]}),n&&s.jsx("ul",{id:`${t}-submenu`,className:a.default["tedi-sidenav-dropdown__list"],role:"menu","aria-label":_("sidenav.submenu"),children:(e.subItemGroups??(e.subItems?[{subItems:e.subItems}]:[])).map((i,o)=>s.jsxs(m.Fragment,{children:[i.subHeading&&s.jsx("div",{className:a.default["tedi-sidenav-dropdown__heading"],role:"presentation",children:i.subHeading}),i.subItems.map(N=>p(N))]},o))})]},t)},I=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),l(n=>!n)),e.key==="Escape"&&(e.preventDefault(),l(!1),c.setReference(null))};return s.jsxs(s.Fragment,{children:[s.jsx("div",{ref:c.setReference,...w(),role:"button",tabIndex:-1,"aria-haspopup":"menu","aria-expanded":r,onKeyDown:I,children:b}),r&&s.jsx(d.FloatingOverlay,{children:s.jsx(d.FloatingPortal,{children:s.jsx(d.FloatingFocusManager,{context:f,modal:!1,children:s.jsx("div",{ref:c.setFloating,style:j,className:a.default["tedi-sidenav-dropdown"],role:"menu",...y(),children:g.map((e,n)=>s.jsxs("div",{className:a.default["tedi-sidenav-dropdown__group"],children:[e.subHeading&&s.jsx("div",{className:a.default["tedi-sidenav-dropdown__heading"],role:"presentation",children:e.subHeading}),s.jsx("ul",{className:a.default["tedi-sidenav-dropdown__list"],role:"menu",children:e.subItems.map(t=>p(t))})]},n))})})})})]})};exports.SideNavDropdown=S;

package/src/tedi/components/layout/sidenav/components/sidenav-dropdown/sidenav-dropdown.es.js

@@ -4,19 +4,19 @@ import E from "../../../../../../../external/classnames/index.es.js";
 import L, { useState as P } from "react";
 import { Link as j } from "../../../../navigation/link/link.es.js";
 import n from "./sidenav-dropdown.module.scss.es.js";
-import { autoUpdate as G } from "../../../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
-import { offset as K, flip as M } from "../../../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
-import { useLabels as $ } from "../../../../../providers/label-provider/use-labels.es.js";
+import { useLabels as G } from "../../../../../providers/label-provider/use-labels.es.js";
+import { autoUpdate as K } from "../../../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
+import { offset as M, flip as $ } from "../../../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
 const W = ({
   trigger: v,
   groups: h,
   onOpenChange: c,
   as: b
 }) => {
-  const { getLabel: _ } = $(), [o, t] = P(!1), { refs: u, floatingStyles: g, context: m } = F({
+  const { getLabel: _ } = G(), [o, t] = P(!1), { refs: u, floatingStyles: g, context: m } = F({
     open: o,
-    middleware: [K({ mainAxis: 8 }), M()],
-    whileElementsMounted: G,
+    middleware: [M({ mainAxis: 8 }), $()],
+    whileElementsMounted: K,
     placement: "right-start",
     onOpenChange: (e) => {
       t(e), c == null || c(e);

package/src/tedi/components/layout/sidenav/components/sidenav-item/sidenav-item.cjs.js

@@ -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"),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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("react"),n=require("../../../../../../../external/classnames/index.cjs.js"),P=require("../../../../base/icon/icon.cjs.js"),y=require("../../../../content/collapse/collapse.cjs.js"),k=require("../../../../navigation/link/link.cjs.js"),s=require("../../sidenav.module.scss.cjs.js"),J=require("../sidenav-dropdown/sidenav-dropdown.cjs.js"),K=require("../../../../../providers/label-provider/use-labels.cjs.js"),h=require("../../../../overlays/tooltip/tooltip.cjs.js"),D=M=>{const{icon:t,children:i,isActive:g,onClick:x,subItems:C,subItemGroups:O,as:j,onItemClick:v,className:E,level:d=1,isCollapsed:c=!1,isDefaultOpen:R=!1,sideNavItemSize:B="default",...u}=M,{getLabel:T}=K.useLabels(),[o,$]=f.useState(R??!1),[S,z]=f.useState(!1),N=f.useId(),m=O??(C?[{subItems:C}]:null),l=!!m,F=d>1&&l,H=n.default(s.default["tedi-sidenav__item"],s.default[`tedi-sidenav__item--${B}`],{[s.default[`tedi-sidenav__item--level-${d}`]]:d>1,[s.default["tedi-sidenav__item--current"]]:g,[s.default["tedi-sidenav__item--has-children"]]:l,[s.default["tedi-sidenav__item--with-tree"]]:F},E),_=a=>{const r={color:"white",className:n.default(s.default["tedi-sidenav__icon"])},p=typeof a=="string"?{...r,name:a}:{...r,...a,className:n.default(r.className,a==null?void 0:a.className)};return e.jsx(P.Icon,{...p})},A=a=>{x==null||x(a),l||v==null||v()},w=a=>{$(a)},G=l&&(u.href||u.to),b={...u,as:j,onClick:A,className:n.default(s.default["tedi-sidenav__link"],G&&s.default["tedi-sidenav__link--has-children-link"]),noStyle:!0,role:"menuitem","aria-current":g?"page":void 0,"aria-label":c&&typeof i=="string"?i:void 0,...l?{"aria-haspopup":"true","aria-expanded":o,"aria-controls":N}:{}},I=()=>!c&&(m==null?void 0:m.map((a,L)=>{var r;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:(r=a.subItems)==null?void 0:r.map((p,W)=>f.createElement(D,{as:j,...p,key:W,level:d+1,onItemClick:v,isCollapsed:c,className:n.default(s.default["tedi-sidenav__sub-item"],p.className)}))})]},L)})),q=e.jsx("li",{"data-name":"sidenav-item",className:H,children:l&&c?e.jsx(J.SideNavDropdown,{trigger:e.jsx(h.Tooltip.Trigger,{children:e.jsxs("span",{className:n.default(s.default["tedi-sidenav__link"],S&&s.default["tedi-sidenav__link--active"]),children:[t&&_(t),e.jsx(P.Icon,{name:S?"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:j,groups:m,onOpenChange:z}):l&&d===1?u.href||u.to?e.jsxs(e.Fragment,{children:[e.jsxs(k.Link,{...b,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(y.Collapse,{id:N,hideCollapseText:!0,inverted:!0,open:o,onToggle:w,toggleLabel:T("sidenav.toggleSubmenuChildren",{isCollapsedInternal:o,children:i}),className:s.default["tedi-sidenav__collapse"],titleRowProps:{element:"span"},children:I()})})]}):e.jsx(y.Collapse,{id:N,hideCollapseText:!0,inverted:!0,fullRowToggle:!0,open:o,onToggle:w,className:s.default["tedi-sidenav__collapse"],titleRowProps:{element:"span"},toggleLabel:T("sidenav.toggleSubmenuChildren",{isCollapsedInternal:o,children:i}),title:e.jsxs("span",{className:n.default(s.default["tedi-sidenav__link"],o&&s.default["tedi-sidenav__link--active"]),"aria-current":g?"page":void 0,children:[t&&_(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i})]}),children:I()}):l?e.jsxs(e.Fragment,{children:[e.jsxs(k.Link,{...b,children:[t&&_(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i}),e.jsx("i",{className:s.default["tedi-sidenav__bullet"]})]}),I()]}):e.jsx(h.Tooltip.Trigger,{children:e.jsxs(k.Link,{...b,children:[t&&_(t),e.jsx("span",{className:s.default["tedi-sidenav__title"],children:i})]})})});return d===1&&c?e.jsxs(h.Tooltip,{placement:"right",focusManager:void 0,children:[e.jsx(h.Tooltip.Content,{maxWidth:"medium",children:i}),q]}):q};exports.SideNavItem=D;