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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "18.0.0-rc.10",
+  "version": "18.0.0-rc.12",
   "type": "module",
   "sideEffects": false,
   "exports": {

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

@@ -8,6 +8,9 @@ export type FooterCategory = {
     heading: React.ReactNode;
     icon?: string | IconProps;
 };
+/**
+ * @deprecated Use `Footer` from `@tedi-design-system/react/tedi` instead.
+ */
 export type FooterProps = {
     /**
      * Footer Categorys
@@ -30,5 +33,8 @@ export type FooterProps = {
      */
     bottomElement?: React.ReactNode;
 };
+/**
+ * @deprecated Use `Footer` from `@tedi-design-system/react/tedi` instead.
+ */
 export declare const Footer: (props: FooterProps) => JSX.Element;
 export default Footer;

package/src/community/components/placeholder/placeholder.d.ts

@@ -2,6 +2,9 @@ import { default as React } from 'react';
 import { IconProps } from '../../../tedi/components/base/icon/icon';
 import { RowProps } from '../../../tedi/components/layout/grid';
 import { CardProps } from '../card';
+/**
+ * @deprecated Use EmptyState from `@tedi-design-system/react/tedi` instead.
+ */
 export interface PlaceholderProps {
     /**
      * Placeholder block content
@@ -31,6 +34,8 @@ export interface PlaceholderProps {
     rowProps?: RowProps;
 }
 /**
+ * @deprecated Use EmptyState from `@tedi-design-system/react/tedi` instead.
+ *
  * Placeholder is used to indicate, that there is no data to show. It can be used on its own or inside other components, like a `<CardContent>`.
  * Other components also use it internally for displaying empty state. (E.g. `<Table>`)
  */

package/src/tedi/components/buttons/collapse/collapse.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),n=require("../../../../../external/classnames/index.cjs.js"),_=require("react"),H=require("../../../../../external/react-animate-height/dist/esm/index.cjs.js"),J=require("../../../providers/printing-provider/printing-provider.cjs.js"),Q=require("../../base/icon/icon.cjs.js"),U=require("../../base/typography/text/text.cjs.js"),V=require("../../misc/print/print.cjs.js"),e=require("./collapse.module.scss.cjs.js"),W=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),X=require("../../../providers/label-provider/use-labels.cjs.js"),N=require("../../layout/grid/row.cjs.js"),i=require("../../layout/grid/col.cjs.js"),P=x=>{const{getCurrentBreakpointProps:k}=W.useBreakpointProps(x.defaultServerBreakpoint),{getLabel:h}=X.useLabels(),{id:r,children:w,className:O,openText:j=h("open"),closeText:y=h("close"),hideCollapseText:$=!1,title:d,titleRowProps:S,defaultOpen:B,open:c,onToggle:u,arrowType:s="default",size:o="default",underline:M=!0,toggleLabel:g,iconOnly:R=!1,controlsId:v,inverted:T=!1,...L}=k(x),b=v!==void 0,p=`${r}__trigger`,f=`${r}__content`,D=`${r}__animate`,[C,E]=_.useState(()=>B),m=J.usePrint(),a=_.useMemo(()=>m||(c!==void 0?c:C),[m,c,C]),z=R===!0&&!d,K=T&&s!=="secondary",A=n.default(e.default["tedi-collapse"],o==="small"&&e.default["tedi-collapse--small"],a&&e.default["tedi-collapse--is-open"],z&&e.default["tedi-collapse--icon-only"],K&&e.default["tedi-collapse--inverted"],e.default[`tedi-collapse--arrow-${s}`],O),q=()=>{const l=!a;E(l),u==null||u(l)},F=l=>{(l.key==="Enter"||l.key===" ")&&!l.repeat&&(l.preventDefault(),q())},G=g||(a?y:j),I=_.useMemo(()=>t.jsx("div",{id:f,role:"region","aria-labelledby":p,className:e.default["tedi-collapse__content"],children:w}),[w,f,p]);return t.jsxs("div",{"data-name":"collapse",...L,className:A,children:[t.jsx("button",{id:p,type:"button","data-name":"collapse-trigger",className:e.default["tedi-collapse__title"],"aria-label":G,"aria-expanded":a,"aria-controls":b?v:f,onKeyDown:F,onClick:q,children:t.jsxs(N.Row,{justifyContent:"between",alignItems:"center",wrap:"nowrap",...S,element:"span",children:[d&&t.jsx(i.Col,{"aria-hidden":"true",children:d}),t.jsx(i.Col,{width:"auto",children:t.jsxs(N.Row,{element:"span",alignItems:"center",gutter:0,wrap:"nowrap",children:[t.jsx(V.Print,{visibility:"hide",children:t.jsx(i.Col,{width:"auto",className:n.default({"visually-hidden":$}),children:t.jsx(U.Text,{element:"span",className:n.default(e.default["tedi-collapse__text"],{[e.default["tedi-collapse__text--underline"]]:M}),children:a?y:j})})}),t.jsx(i.Col,{width:"auto",children:t.jsx("div",{className:n.default(e.default["tedi-collapse__icon-wrapper"],e.default[`tedi-collapse__icon-wrapper--${s}`],o==="small"&&e.default["tedi-collapse__icon-wrapper--small"]),children:t.jsx(Q.Icon,{className:n.default(e.default["tedi-collapse__icon"],e.default[`tedi-collapse__icon--${s}`],o==="small"&&e.default["tedi-collapse__icon--small"]),name:"expand_more",size:o==="small"||s==="secondary"?18:24})})})]})})]})}),!b&&(m?I:t.jsx(H.default,{id:D,duration:300,height:a?"auto":0,"data-testid":"collapse-inner",children:I}))]})};exports.Collapse=P;exports.default=P;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),s=require("../../../../../external/classnames/index.cjs.js"),_=require("react"),H=require("../../../../../external/react-animate-height/dist/esm/index.cjs.js"),J=require("../../../providers/printing-provider/printing-provider.cjs.js"),Q=require("../../base/icon/icon.cjs.js"),U=require("../../base/typography/text/text.cjs.js"),V=require("../../misc/print/print.cjs.js"),e=require("./collapse.module.scss.cjs.js"),W=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),X=require("../../../providers/label-provider/use-labels.cjs.js"),N=require("../../layout/grid/row.cjs.js"),i=require("../../layout/grid/col.cjs.js"),P=x=>{const{getCurrentBreakpointProps:k}=W.useBreakpointProps(x.defaultServerBreakpoint),{getLabel:h}=X.useLabels(),{id:r,children:w,className:O,openText:j=h("open"),closeText:y=h("close"),hideCollapseText:$=!1,title:d,titleRowProps:S,defaultOpen:B,open:c,onToggle:u,arrowType:n="default",size:o="default",underline:M=!0,toggleLabel:g,iconOnly:R=!1,controlsId:v,inverted:T=!1,...L}=k(x),b=v!==void 0,p=`${r}__trigger`,f=`${r}__content`,D=`${r}__animate`,[C,E]=_.useState(()=>B),m=J.usePrint(),a=_.useMemo(()=>m||(c!==void 0?c:C),[m,c,C]),z=R===!0&&!d,K=T&&n!=="secondary",A=s.default(e.default["tedi-collapse"],o==="small"&&e.default["tedi-collapse--small"],a&&e.default["tedi-collapse--is-open"],z&&e.default["tedi-collapse--icon-only"],K&&e.default["tedi-collapse--inverted"],e.default[`tedi-collapse--arrow-${n}`],O),q=()=>{const l=!a;E(l),u==null||u(l)},F=l=>{(l.key==="Enter"||l.key===" ")&&!l.repeat&&(l.preventDefault(),q())},G=g||(a?y:j),I=_.useMemo(()=>t.jsx("div",{id:f,role:"region","aria-labelledby":p,className:e.default["tedi-collapse__content"],children:w}),[w,f,p]);return t.jsxs("div",{"data-name":"collapse",...L,className:A,children:[t.jsx("button",{id:p,type:"button","data-name":"collapse-trigger",className:e.default["tedi-collapse__title"],"aria-label":G,"aria-expanded":a,"aria-controls":b?v:f,onKeyDown:F,onClick:q,children:t.jsxs(N.Row,{justifyContent:"between",alignItems:"center",wrap:"nowrap",...S,element:"span",children:[d&&t.jsx(i.Col,{"aria-hidden":"true",children:d}),t.jsx(i.Col,{width:"auto",children:t.jsxs(N.Row,{element:"span",alignItems:"center",gutter:0,wrap:"nowrap",children:[t.jsx(V.Print,{visibility:"hide",children:t.jsx(i.Col,{width:"auto",className:s.default({"visually-hidden":$}),children:t.jsx(U.Text,{element:"span",className:s.default(e.default["tedi-collapse__text"],{[e.default["tedi-collapse__text--underline"]]:M}),children:a?y:j})})}),t.jsx(i.Col,{width:"auto",children:t.jsx("div",{className:s.default(e.default["tedi-collapse__icon-wrapper"],e.default[`tedi-collapse__icon-wrapper--${n}`],o==="small"&&e.default["tedi-collapse__icon-wrapper--small"]),children:t.jsx(Q.Icon,{className:s.default(e.default["tedi-collapse__icon"],e.default[`tedi-collapse__icon--${n}`],o==="small"&&e.default["tedi-collapse__icon--small"]),name:"expand_more",color:"inherit",size:o==="small"||n==="secondary"?18:24})})})]})})]})}),!b&&(m?I:t.jsx(H.default,{id:D,duration:300,height:a?"auto":0,"data-testid":"collapse-inner",children:I}))]})};exports.Collapse=P;exports.default=P;

package/src/tedi/components/buttons/collapse/collapse.es.js

@@ -1,6 +1,6 @@
-import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import { jsx as t, jsxs as h } from "react/jsx-runtime";
 import n from "../../../../../external/classnames/index.es.js";
-import h from "react";
+import f from "react";
 import G from "../../../../../external/react-animate-height/dist/esm/index.es.js";
 import { usePrint as J } from "../../../providers/printing-provider/printing-provider.es.js";
 import { Icon as Q } from "../../base/icon/icon.es.js";
@@ -32,7 +32,7 @@ const pe = (w) => {
     controlsId: C,
     inverted: L = !1,
     ...M
-  } = $(w), I = C !== void 0, m = `${r}__trigger`, u = `${r}__content`, R = `${r}__animate`, [N, z] = h.useState(() => j), _ = J(), o = h.useMemo(
+  } = $(w), I = C !== void 0, m = `${r}__trigger`, u = `${r}__content`, R = `${r}__animate`, [N, z] = f.useState(() => j), _ = J(), o = f.useMemo(
     () => _ || (d !== void 0 ? d : N),
     [_, d, N]
   ), K = E === !0 && !c, A = L && a !== "secondary", H = n(
@@ -48,11 +48,11 @@ const pe = (w) => {
     z(l), p == null || p(l);
   }, q = (l) => {
     (l.key === "Enter" || l.key === " ") && !l.repeat && (l.preventDefault(), k());
-  }, F = b || (o ? x : v), O = h.useMemo(
+  }, F = b || (o ? x : v), O = f.useMemo(
     () => /* @__PURE__ */ t("div", { id: u, role: "region", "aria-labelledby": m, className: e["tedi-collapse__content"], children: g }),
     [g, u, m]
   );
-  return /* @__PURE__ */ f("div", { "data-name": "collapse", ...M, className: H, children: [
+  return /* @__PURE__ */ h("div", { "data-name": "collapse", ...M, className: H, children: [
     /* @__PURE__ */ t(
       "button",
       {
@@ -65,9 +65,9 @@ const pe = (w) => {
         "aria-controls": I ? C : u,
         onKeyDown: q,
         onClick: k,
-        children: /* @__PURE__ */ f(P, { justifyContent: "between", alignItems: "center", wrap: "nowrap", ...T, element: "span", children: [
+        children: /* @__PURE__ */ h(P, { justifyContent: "between", alignItems: "center", wrap: "nowrap", ...T, element: "span", children: [
           c && /* @__PURE__ */ t(s, { "aria-hidden": "true", children: c }),
-          /* @__PURE__ */ t(s, { width: "auto", children: /* @__PURE__ */ f(P, { element: "span", alignItems: "center", gutter: 0, wrap: "nowrap", children: [
+          /* @__PURE__ */ t(s, { width: "auto", children: /* @__PURE__ */ h(P, { element: "span", alignItems: "center", gutter: 0, wrap: "nowrap", children: [
             /* @__PURE__ */ t(V, { visibility: "hide", children: /* @__PURE__ */ t(s, { width: "auto", className: n({ "visually-hidden": S }), children: /* @__PURE__ */ t(
               U,
               {
@@ -95,6 +95,7 @@ const pe = (w) => {
                       i === "small" && e["tedi-collapse__icon--small"]
                     ),
                     name: "expand_more",
+                    color: "inherit",
                     size: i === "small" || a === "secondary" ? 18 : 24
                   }
                 )

package/src/tedi/components/form/input-group/components/input/input.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../../../external/classnames/index.cjs.js"),p=require("react"),a=require("../../input-group.cjs.js"),s=require("../../input-group.module.scss.cjs.js"),n=({children:t})=>{const{disabled:u,inputId:r}=a.useInputGroup();if(!p.isValidElement(t))return t;const o=typeof t.type=="string",i={disabled:u||t.props.disabled,id:t.props.id??r,className:e.default(t.props.className,s.default["tedi-input-group__input"]),...!o&&{wrapperClassName:e.default(t.props.wrapperClassName,s.default["tedi-input-group__input"])}};return p.cloneElement(t,i)};exports.Input=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../../../../../../../external/classnames/index.cjs.js"),i=require("react"),n=require("../../input-group.cjs.js"),s=require("../../input-group.module.scss.cjs.js"),d=({children:t})=>{const{disabled:a,invalid:e,inputId:u}=n.useInputGroup();if(!i.isValidElement(t))return t;const o=typeof t.type=="string",r={disabled:a||t.props.disabled,id:t.props.id??u,className:p.default(t.props.className,s.default["tedi-input-group__input"]),...o?{"aria-invalid":e||t.props["aria-invalid"]||void 0}:{invalid:e||t.props.invalid,wrapperClassName:p.default(t.props.wrapperClassName,s.default["tedi-input-group__input"])}};return i.cloneElement(t,r)};exports.Input=d;

package/src/tedi/components/form/input-group/components/input/input.es.js

@@ -1,20 +1,21 @@
 import t from "../../../../../../../external/classnames/index.es.js";
-import s from "react";
+import i from "react";
 import { useInputGroup as u } from "../../input-group.es.js";
-import o from "../../input-group.module.scss.es.js";
-const f = ({ children: p }) => {
-  const { disabled: r, inputId: e } = u();
-  if (!s.isValidElement(p)) return p;
-  const a = typeof p.type == "string", i = {
-    disabled: r || p.props.disabled,
-    id: p.props.id ?? e,
-    className: t(p.props.className, o["tedi-input-group__input"]),
-    ...!a && {
-      wrapperClassName: t(p.props.wrapperClassName, o["tedi-input-group__input"])
+import a from "../../input-group.module.scss.es.js";
+const v = ({ children: p }) => {
+  const { disabled: o, invalid: s, inputId: r } = u();
+  if (!i.isValidElement(p)) return p;
+  const e = typeof p.type == "string", n = {
+    disabled: o || p.props.disabled,
+    id: p.props.id ?? r,
+    className: t(p.props.className, a["tedi-input-group__input"]),
+    ...e ? { "aria-invalid": s || p.props["aria-invalid"] || void 0 } : {
+      invalid: s || p.props.invalid,
+      wrapperClassName: t(p.props.wrapperClassName, a["tedi-input-group__input"])
     }
   };
-  return s.cloneElement(p, i);
+  return i.cloneElement(p, n);
 };
 export {
-  f as Input
+  v as Input
 };

package/src/tedi/components/form/input-group/components/prefix/prefix.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),f=require("../../../../../../../external/classnames/index.cjs.js"),d=require("react"),a=require("../../input-group.cjs.js"),i=require("../../input-group.module.scss.cjs.js"),c=({children:e,className:u,...n})=>{const{registerPrefix:r,unregisterPrefix:t,disabled:s}=a.useInputGroup();d.useEffect(()=>(r(),()=>t()),[r,t]);const o=typeof e=="string"||typeof e=="number";return p.jsx("div",{...n,className:f.default(i.default["tedi-input-group__prefix"],{[i.default["tedi-input-group__prefix--no-inner-div"]]:o},u),"aria-disabled":s,children:e})};exports.Prefix=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),f=require("../../../../../../../external/classnames/index.cjs.js"),t=require("react"),c=require("../../input-group.cjs.js"),n=require("../../input-group.module.scss.cjs.js"),l=({children:e,className:s,...o})=>{const{registerPrefix:r,unregisterPrefix:i,disabled:u}=c.useInputGroup();t.useEffect(()=>(r(),()=>i()),[r,i]);const d=typeof e=="string"||typeof e=="number",p=u&&t.isValidElement(e)?t.cloneElement(e,{disabled:!0}):e;return a.jsx("div",{...o,className:f.default(n.default["tedi-input-group__prefix"],{[n.default["tedi-input-group__prefix--no-inner-div"]]:d},s),"aria-disabled":u,children:p})};exports.Prefix=l;

package/src/tedi/components/form/input-group/components/prefix/prefix.es.js

@@ -1,26 +1,26 @@
 import { jsx as u } from "react/jsx-runtime";
-import m from "../../../../../../../external/classnames/index.es.js";
-import { useEffect as n } from "react";
-import { useInputGroup as a } from "../../input-group.es.js";
-import i from "../../input-group.module.scss.es.js";
-const b = ({ children: r, className: o, ...p }) => {
-  const { registerPrefix: e, unregisterPrefix: t, disabled: s } = a();
-  n(() => (e(), () => t()), [e, t]);
-  const f = typeof r == "string" || typeof r == "number";
+import f from "../../../../../../../external/classnames/index.es.js";
+import { useEffect as a, isValidElement as d, cloneElement as x } from "react";
+import { useInputGroup as l } from "../../input-group.es.js";
+import o from "../../input-group.module.scss.es.js";
+const E = ({ children: e, className: s, ...n }) => {
+  const { registerPrefix: t, unregisterPrefix: r, disabled: i } = l();
+  a(() => (t(), () => r()), [t, r]);
+  const p = typeof e == "string" || typeof e == "number", m = i && d(e) ? x(e, { disabled: !0 }) : e;
   return /* @__PURE__ */ u(
     "div",
     {
-      ...p,
-      className: m(
-        i["tedi-input-group__prefix"],
-        { [i["tedi-input-group__prefix--no-inner-div"]]: f },
-        o
+      ...n,
+      className: f(
+        o["tedi-input-group__prefix"],
+        { [o["tedi-input-group__prefix--no-inner-div"]]: p },
+        s
       ),
-      "aria-disabled": s,
-      children: r
+      "aria-disabled": i,
+      children: m
     }
   );
 };
 export {
-  b as Prefix
+  E as Prefix
 };

package/src/tedi/components/form/input-group/components/suffix/suffix.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),d=require("../../../../../../../external/classnames/index.cjs.js"),p=require("react"),a=require("../../input-group.cjs.js"),i=require("../../input-group.module.scss.cjs.js"),c=({children:e,className:r,...s})=>{const{registerSuffix:t,unregisterSuffix:u,disabled:n}=a.useInputGroup();p.useEffect(()=>(t(),()=>u()),[t,u]);const o=typeof e=="string"||typeof e=="number";return f.jsx("div",{...s,className:d.default(i.default["tedi-input-group__suffix"],{[i.default["tedi-input-group__suffix--no-inner-div"]]:o},r),"aria-disabled":n,children:e})};exports.Suffix=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("../../../../../../../external/classnames/index.cjs.js"),t=require("react"),p=require("../../input-group.cjs.js"),n=require("../../input-group.module.scss.cjs.js"),l=({children:e,className:s,...o})=>{const{registerSuffix:u,unregisterSuffix:i,disabled:r}=p.useInputGroup();t.useEffect(()=>(u(),()=>i()),[u,i]);const f=typeof e=="string"||typeof e=="number",d=r&&t.isValidElement(e)?t.cloneElement(e,{disabled:!0}):e;return a.jsx("div",{...o,className:c.default(n.default["tedi-input-group__suffix"],{[n.default["tedi-input-group__suffix--no-inner-div"]]:f},s),"aria-disabled":r,children:d})};exports.Suffix=l;

package/src/tedi/components/form/input-group/components/suffix/suffix.es.js

@@ -1,26 +1,26 @@
 import { jsx as p } from "react/jsx-runtime";
 import m from "../../../../../../../external/classnames/index.es.js";
-import { useEffect as n } from "react";
-import { useInputGroup as a } from "../../input-group.es.js";
+import { useEffect as a, isValidElement as d, cloneElement as x } from "react";
+import { useInputGroup as l } from "../../input-group.es.js";
 import o from "../../input-group.module.scss.es.js";
-const _ = ({ children: r, className: e, ...s }) => {
-  const { registerSuffix: t, unregisterSuffix: i, disabled: f } = a();
-  n(() => (t(), () => i()), [t, i]);
-  const u = typeof r == "string" || typeof r == "number";
+const y = ({ children: t, className: s, ...u }) => {
+  const { registerSuffix: e, unregisterSuffix: i, disabled: r } = l();
+  a(() => (e(), () => i()), [e, i]);
+  const f = typeof t == "string" || typeof t == "number", n = r && d(t) ? x(t, { disabled: !0 }) : t;
   return /* @__PURE__ */ p(
     "div",
     {
-      ...s,
+      ...u,
       className: m(
         o["tedi-input-group__suffix"],
-        { [o["tedi-input-group__suffix--no-inner-div"]]: u },
-        e
+        { [o["tedi-input-group__suffix--no-inner-div"]]: f },
+        s
       ),
-      "aria-disabled": f,
-      children: r
+      "aria-disabled": r,
+      children: n
     }
   );
 };
 export {
-  _ as Suffix
+  y as Suffix
 };

package/src/tedi/components/form/input-group/input-group.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),k=require("../../../../../external/classnames/index.cjs.js"),e=require("react"),m=require("../feedback-text/feedback-text.cjs.js"),R=require("../form-label/form-label.cjs.js"),_=require("./components/input/input.cjs.js"),w=require("./components/prefix/prefix.cjs.js"),A=require("./components/suffix/suffix.cjs.js"),u=require("./input-group.module.scss.cjs.js"),d=e.createContext(null),F=()=>{const s=e.useContext(d);if(!s)throw new Error("InputGroupContext missing");return s},N=()=>e.useContext(d),c=e.forwardRef(({className:s,addons:G=!0,helper:t,label:n,children:S,disabled:i,id:q,...j},P)=>{const x=e.useRef(null),v=e.useId(),a=q??v,[p,l]=e.useState(!1),[f,g]=e.useState(!1);e.useImperativeHandle(P,()=>({get root(){return x.current}}));const b=e.useMemo(()=>({hasPrefix:p,hasSuffix:f,disabled:i,hasExternalLabel:!!n,inputId:a,registerPrefix:()=>l(!0),unregisterPrefix:()=>l(!1),registerSuffix:()=>g(!0),unregisterSuffix:()=>g(!1)}),[a,p,f,i,n]),h=k.default(u.default["tedi-input-group"],{[u.default["tedi-input-group--addons"]]:G,[u.default["tedi-input-group--has-prefix"]]:p,[u.default["tedi-input-group--has-suffix"]]:f,[u.default["tedi-input-group--disabled"]]:i},s),y=()=>!t||Array.isArray(t)&&t.length===0?null:r.jsx("div",{className:u.default["tedi-input-group__feedback-wrapper"],children:Array.isArray(t)?t.map((C,I)=>r.jsx(m.FeedbackText,{...C,id:`group-helper-${I}`},I)):r.jsx(m.FeedbackText,{...t,id:"group-helper"})});return r.jsxs(d.Provider,{value:b,children:[n&&r.jsx(R.FormLabel,{...j,label:n,id:a}),r.jsx("div",{ref:x,className:h,"data-name":"tedi-input-group","aria-disabled":i,children:S}),y()]})});c.displayName="InputGroup";const o=c;o.Prefix=w.Prefix;o.Suffix=A.Suffix;o.Input=_.Input;exports.InputGroupBase=c;exports.default=o;exports.useInputGroup=F;exports.useOptionalInputGroup=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),k=require("../../../../../external/classnames/index.cjs.js"),e=require("react"),G=require("../feedback-text/feedback-text.cjs.js"),w=require("../form-label/form-label.cjs.js"),N=require("./components/input/input.cjs.js"),R=require("./components/prefix/prefix.cjs.js"),A=require("./components/suffix/suffix.cjs.js"),t=require("./input-group.module.scss.cjs.js"),c=e.createContext(null),F=()=>{const s=e.useContext(c);if(!s)throw new Error("InputGroupContext missing");return s},T=()=>e.useContext(c),x=e.forwardRef(({className:s,addons:S=!0,helper:r,label:n,children:j,disabled:i,invalid:a,id:q,...P},h)=>{const l=e.useRef(null),v=e.useId(),p=q??v,[f,g]=e.useState(!1),[d,I]=e.useState(!1);e.useImperativeHandle(h,()=>({get root(){return l.current}}));const _=e.useMemo(()=>({hasPrefix:f,hasSuffix:d,disabled:i,invalid:a,hasExternalLabel:!!n,inputId:p,registerPrefix:()=>g(!0),unregisterPrefix:()=>g(!1),registerSuffix:()=>I(!0),unregisterSuffix:()=>I(!1)}),[p,f,d,i,a,n]),b=k.default(t.default["tedi-input-group"],{[t.default["tedi-input-group--addons"]]:S,[t.default["tedi-input-group--has-prefix"]]:f,[t.default["tedi-input-group--has-suffix"]]:d,[t.default["tedi-input-group--disabled"]]:i,[t.default["tedi-input-group--invalid"]]:a},s),y=()=>!r||Array.isArray(r)&&r.length===0?null:u.jsx("div",{className:t.default["tedi-input-group__feedback-wrapper"],children:Array.isArray(r)?r.map((C,m)=>u.jsx(G.FeedbackText,{...C,id:`group-helper-${m}`},m)):u.jsx(G.FeedbackText,{...r,id:"group-helper"})});return u.jsx(c.Provider,{value:_,children:u.jsxs("div",{ref:l,className:b,"data-name":"tedi-input-group","aria-disabled":i,children:[n&&u.jsx(w.FormLabel,{...P,label:n,id:p}),u.jsx("div",{className:t.default["tedi-input-group__row"],children:j}),y()]})})});x.displayName="InputGroup";const o=x;o.Prefix=R.Prefix;o.Suffix=A.Suffix;o.Input=N.Input;exports.InputGroupBase=x;exports.default=o;exports.useInputGroup=F;exports.useOptionalInputGroup=T;

package/src/tedi/components/form/input-group/input-group.d.ts

@@ -36,6 +36,13 @@ export interface InputGroupProps extends FormLabelProps {
      * to the input and any interactive prefix/suffix elements.
      */
     disabled?: boolean;
+    /**
+     * Marks the whole group as invalid. Applies the error border to the
+     * prefix/suffix addons and propagates `invalid` down to the inner form
+     * control, so you don't have to set it on the child as well. Pair with an
+     * error `helper` message.
+     */
+    invalid?: boolean;
 }
 export interface InputGroupForwardRef {
     root: HTMLDivElement | null;
@@ -73,6 +80,12 @@ export type InputGroupContextValue = {
      * behavior and styling.
      */
     disabled?: boolean;
+    /**
+     * Invalid state inherited from InputGroup.
+     * Consumed by Input to propagate `invalid` (or `aria-invalid`) to the
+     * wrapped form control.
+     */
+    invalid?: boolean;
     hasExternalLabel?: boolean;
     inputId?: string;
 };

package/src/tedi/components/form/input-group/input-group.es.js

@@ -1,62 +1,64 @@
-import { jsxs as k, jsx as e } from "react/jsx-runtime";
-import F from "../../../../../external/classnames/index.es.js";
-import g, { forwardRef as H, useContext as G, createContext as j, useState as l, useImperativeHandle as E, useMemo as L } from "react";
-import { FeedbackText as I } from "../feedback-text/feedback-text.es.js";
-import { FormLabel as b } from "../form-label/form-label.es.js";
-import { Input as B } from "./components/input/input.es.js";
-import { Prefix as M } from "./components/prefix/prefix.es.js";
-import { Suffix as O } from "./components/suffix/suffix.es.js";
-import t from "./input-group.module.scss.es.js";
-const a = j(null), U = () => {
-  const u = G(a);
+import { jsx as e, jsxs as F } from "react/jsx-runtime";
+import H from "../../../../../external/classnames/index.es.js";
+import l, { forwardRef as j, useContext as S, createContext as E, useState as I, useImperativeHandle as L, useMemo as b } from "react";
+import { FeedbackText as G } from "../feedback-text/feedback-text.es.js";
+import { FormLabel as B } from "../form-label/form-label.es.js";
+import { Input as M } from "./components/input/input.es.js";
+import { Prefix as O } from "./components/prefix/prefix.es.js";
+import { Suffix as T } from "./components/suffix/suffix.es.js";
+import r from "./input-group.module.scss.es.js";
+const f = E(null), W = () => {
+  const u = S(f);
   if (!u) throw new Error("InputGroupContext missing");
   return u;
-}, W = () => G(a), S = H(
-  ({ className: u, addons: P = !0, helper: r, label: o, children: h, disabled: s, id: y, ...v }, C) => {
-    const m = g.useRef(null), N = g.useId(), i = y ?? N, [n, d] = l(!1), [p, c] = l(!1);
-    E(C, () => ({
+}, X = () => S(f), h = j(
+  ({ className: u, addons: P = !0, helper: t, label: o, children: y, disabled: i, invalid: s, id: N, ..._ }, v) => {
+    const m = l.useRef(null), w = l.useId(), n = N ?? w, [p, c] = I(!1), [a, x] = I(!1);
+    L(v, () => ({
       get root() {
         return m.current;
       }
     }));
-    const w = L(
+    const C = b(
       () => ({
-        hasPrefix: n,
-        hasSuffix: p,
-        disabled: s,
+        hasPrefix: p,
+        hasSuffix: a,
+        disabled: i,
+        invalid: s,
         hasExternalLabel: !!o,
-        inputId: i,
-        registerPrefix: () => d(!0),
-        unregisterPrefix: () => d(!1),
-        registerSuffix: () => c(!0),
-        unregisterSuffix: () => c(!1)
+        inputId: n,
+        registerPrefix: () => c(!0),
+        unregisterPrefix: () => c(!1),
+        registerSuffix: () => x(!0),
+        unregisterSuffix: () => x(!1)
       }),
-      [i, n, p, s, o]
-    ), A = F(
-      t["tedi-input-group"],
+      [n, p, a, i, s, o]
+    ), A = H(
+      r["tedi-input-group"],
       {
-        [t["tedi-input-group--addons"]]: P,
-        [t["tedi-input-group--has-prefix"]]: n,
-        [t["tedi-input-group--has-suffix"]]: p,
-        [t["tedi-input-group--disabled"]]: s
+        [r["tedi-input-group--addons"]]: P,
+        [r["tedi-input-group--has-prefix"]]: p,
+        [r["tedi-input-group--has-suffix"]]: a,
+        [r["tedi-input-group--disabled"]]: i,
+        [r["tedi-input-group--invalid"]]: s
       },
       u
-    ), R = () => !r || Array.isArray(r) && r.length === 0 ? null : /* @__PURE__ */ e("div", { className: t["tedi-input-group__feedback-wrapper"], children: Array.isArray(r) ? r.map((_, x) => /* @__PURE__ */ e(I, { ..._, id: `group-helper-${x}` }, x)) : /* @__PURE__ */ e(I, { ...r, id: "group-helper" }) });
-    return /* @__PURE__ */ k(a.Provider, { value: w, children: [
-      o && /* @__PURE__ */ e(b, { ...v, label: o, id: i }),
-      /* @__PURE__ */ e("div", { ref: m, className: A, "data-name": "tedi-input-group", "aria-disabled": s, children: h }),
+    ), R = () => !t || Array.isArray(t) && t.length === 0 ? null : /* @__PURE__ */ e("div", { className: r["tedi-input-group__feedback-wrapper"], children: Array.isArray(t) ? t.map((k, g) => /* @__PURE__ */ e(G, { ...k, id: `group-helper-${g}` }, g)) : /* @__PURE__ */ e(G, { ...t, id: "group-helper" }) });
+    return /* @__PURE__ */ e(f.Provider, { value: C, children: /* @__PURE__ */ F("div", { ref: m, className: A, "data-name": "tedi-input-group", "aria-disabled": i, children: [
+      o && /* @__PURE__ */ e(B, { ..._, label: o, id: n }),
+      /* @__PURE__ */ e("div", { className: r["tedi-input-group__row"], children: y }),
       R()
-    ] });
+    ] }) });
   }
 );
-S.displayName = "InputGroup";
-const f = S;
-f.Prefix = M;
-f.Suffix = O;
-f.Input = B;
+h.displayName = "InputGroup";
+const d = h;
+d.Prefix = O;
+d.Suffix = T;
+d.Input = M;
 export {
-  S as InputGroupBase,
-  f as default,
-  U as useInputGroup,
-  W as useOptionalInputGroup
+  h as InputGroupBase,
+  d as default,
+  W as useInputGroup,
+  X as useOptionalInputGroup
 };

package/src/tedi/components/form/input-group/input-group.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i={"tedi-input-group":"tedi-input-group-3de08ee1","tedi-input-group__prefix":"tedi-input-group__prefix-056c2ccf","tedi-input-group__suffix":"tedi-input-group__suffix-9c330042","tedi-input-group__input":"tedi-input-group__input-5454624d","tedi-input-group__prefix--no-inner-div":"tedi-input-group__prefix--no-inner-div-4bc9b815","tedi-input-group__suffix--no-inner-div":"tedi-input-group__suffix--no-inner-div-283ea370","tedi-input-group--addons":"tedi-input-group--addons-7bd99e72","tedi-input-group--disabled":"tedi-input-group--disabled-f5db06aa","tedi-input-group--has-prefix":"tedi-input-group--has-prefix-e845fcb0","tedi-input-group--has-suffix":"tedi-input-group--has-suffix-994ab888","tedi-input-group__feedback-wrapper":"tedi-input-group__feedback-wrapper-bfbe3cb2"};exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i={"tedi-input-group":"tedi-input-group-3de08ee1","tedi-input-group__row":"tedi-input-group__row-60941c6f","tedi-input-group__prefix":"tedi-input-group__prefix-056c2ccf","tedi-input-group__suffix":"tedi-input-group__suffix-9c330042","tedi-input-group__input":"tedi-input-group__input-5454624d","tedi-input-group__prefix--no-inner-div":"tedi-input-group__prefix--no-inner-div-4bc9b815","tedi-input-group__suffix--no-inner-div":"tedi-input-group__suffix--no-inner-div-283ea370","tedi-input-group--addons":"tedi-input-group--addons-7bd99e72","tedi-input-group--invalid":"tedi-input-group--invalid-de02528b","tedi-input-group--disabled":"tedi-input-group--disabled-f5db06aa","tedi-input-group--has-prefix":"tedi-input-group--has-prefix-e845fcb0","tedi-input-group--has-suffix":"tedi-input-group--has-suffix-994ab888","tedi-input-group__feedback-wrapper":"tedi-input-group__feedback-wrapper-bfbe3cb2"};exports.default=i;

package/src/tedi/components/form/input-group/input-group.module.scss.es.js

@@ -1,11 +1,13 @@
 const i = {
   "tedi-input-group": "tedi-input-group-3de08ee1",
+  "tedi-input-group__row": "tedi-input-group__row-60941c6f",
   "tedi-input-group__prefix": "tedi-input-group__prefix-056c2ccf",
   "tedi-input-group__suffix": "tedi-input-group__suffix-9c330042",
   "tedi-input-group__input": "tedi-input-group__input-5454624d",
   "tedi-input-group__prefix--no-inner-div": "tedi-input-group__prefix--no-inner-div-4bc9b815",
   "tedi-input-group__suffix--no-inner-div": "tedi-input-group__suffix--no-inner-div-283ea370",
   "tedi-input-group--addons": "tedi-input-group--addons-7bd99e72",
+  "tedi-input-group--invalid": "tedi-input-group--invalid-de02528b",
   "tedi-input-group--disabled": "tedi-input-group--disabled-f5db06aa",
   "tedi-input-group--has-prefix": "tedi-input-group--has-prefix-e845fcb0",
   "tedi-input-group--has-suffix": "tedi-input-group--has-suffix-994ab888",

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react/jsx-runtime"),m=require("../../../../../../external/classnames/index.cjs.js"),p=require("react"),o=require("../footer.module.scss.cjs.js"),B=require("../footer-context.cjs.js"),b=require("../../../../helpers/hooks/use-breakpoint-props.cjs.js"),s=require("../../../../helpers/hooks/use-breakpoint.cjs.js"),t=r=>{const{getCurrentBreakpointProps:u}=b.useBreakpointProps(r.defaultServerBreakpoint),{children:a,className:d,columns:e}=u(r),l=s.useBreakpoint(),{mobileBreakpoint:c}=p.useContext(B.FooterContext),i=s.isBreakpointBelow(l,c),n=!i&&typeof e=="number"&&e>0;return f.jsx("div",{"data-name":"footer-body",className:m.default(o.default["tedi-footer-body"],{[o.default["tedi-footer-body--mobile"]]:i,[o.default["tedi-footer-body--grid"]]:n},d),style:n?{gridTemplateColumns:`repeat(${e}, minmax(0, 1fr))`}:void 0,children:a})};t.displayName="Footer.Body";exports.FooterBody=t;exports.default=t;

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

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+import { BreakpointSupport } from '../../../../helpers';
+type FooterBodyBreakpointProps = {
+    /**
+     * Number of equal-width columns laid out per row, controllable per breakpoint via the
+     * `sm`/`md`/`lg`/`xl`/`xxl` keys. The keys are **mobile-first** — a value applies at that
+     * breakpoint and up — so raise the count as the viewport widens
+     * (e.g. `columns={2} md={{ columns: 3 }} lg={{ columns: 4 }}`). When set, the body uses a CSS grid
+     * of `columns` equal tracks; when omitted, columns are content-sized and spread with
+     * `space-between` (the default). Ignored below the footer's `mobileBreakpoint`, where the body
+     * always stacks into a single column.
+     */
+    columns?: number;
+};
+export interface FooterBodyProps extends BreakpointSupport<FooterBodyBreakpointProps> {
+    /**
+     * `<Footer.Section>` children. Other nodes render verbatim but won't pick up the
+     * mobile-collapse behaviour.
+     */
+    children: ReactNode;
+    /**
+     * Additional class name.
+     */
+    className?: string;
+}
+export declare const FooterBody: {
+    (props: FooterBodyProps): JSX.Element;
+    displayName: string;
+};
+export default FooterBody;

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

@@ -0,0 +1,28 @@
+import { jsx as p } from "react/jsx-runtime";
+import l from "../../../../../../external/classnames/index.es.js";
+import { useContext as f } from "react";
+import e from "../footer.module.scss.es.js";
+import { FooterContext as c } from "../footer-context.es.js";
+import { useBreakpointProps as u } from "../../../../helpers/hooks/use-breakpoint-props.es.js";
+import { useBreakpoint as y, isBreakpointBelow as b } from "../../../../helpers/hooks/use-breakpoint.es.js";
+const B = (t) => {
+  const { getCurrentBreakpointProps: s } = u(t.defaultServerBreakpoint), { children: m, className: a, columns: o } = s(t), n = y(), { mobileBreakpoint: d } = f(c), r = b(n, d), i = !r && typeof o == "number" && o > 0;
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      "data-name": "footer-body",
+      className: l(
+        e["tedi-footer-body"],
+        { [e["tedi-footer-body--mobile"]]: r, [e["tedi-footer-body--grid"]]: i },
+        a
+      ),
+      style: i ? { gridTemplateColumns: `repeat(${o}, minmax(0, 1fr))` } : void 0,
+      children: m
+    }
+  );
+};
+B.displayName = "Footer.Body";
+export {
+  B as FooterBody,
+  B as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),p=require("../../../../../../external/classnames/index.cjs.js"),o=require("react"),r=require("../footer.module.scss.cjs.js"),x=require("../footer-context.cjs.js"),d=require("../../../../helpers/hooks/use-breakpoint.cjs.js"),s=({children:a,separator:u=!1,className:m})=>{const c=d.useBreakpoint(),{mobileBreakpoint:f,maxWidth:n}=o.useContext(x.FooterContext),b=d.isBreakpointBelow(c,f),i=u?o.Children.toArray(a).filter(e=>o.isValidElement(e)||e):null;return t.jsx("div",{"data-name":"footer-bottom",className:p.default(r.default["tedi-footer-bottom"],{[r.default["tedi-footer-bottom--mobile"]]:b},m),children:t.jsx("div",{className:r.default["tedi-footer-bottom__inner"],style:n!==void 0?{maxWidth:n}:void 0,children:i?i.map((e,l)=>t.jsxs(o.Fragment,{children:[e,l<i.length-1&&t.jsx("span",{className:r.default["tedi-footer-bottom__dot"],"aria-hidden":"true"})]},l)):a})})};s.displayName="Footer.Bottom";exports.FooterBottom=s;exports.default=s;

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

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+export interface FooterBottomProps {
+    /**
+     * Bottom-row content — typically a sequence of `<Link>` elements. On mobile the gap shrinks
+     * and items wrap to multiple lines.
+     */
+    children: ReactNode;
+    /**
+     * Insert a small dot between items (matches the Figma "with separator" bottom variant). When
+     * `false`, items are spaced only by the flex `gap`.
+     * @default false
+     */
+    separator?: boolean;
+    /**
+     * Additional class name on the bottom strip.
+     */
+    className?: string;
+}
+export declare const FooterBottom: {
+    ({ children, separator, className }: FooterBottomProps): JSX.Element;
+    displayName: string;
+};
+export default FooterBottom;

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

@@ -0,0 +1,25 @@
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import c from "../../../../../../external/classnames/index.es.js";
+import { useContext as b, Children as u, isValidElement as B, Fragment as h } from "react";
+import t from "../footer.module.scss.es.js";
+import { FooterContext as x } from "../footer-context.es.js";
+import { useBreakpoint as N, isBreakpointBelow as k } from "../../../../helpers/hooks/use-breakpoint.es.js";
+const v = ({ children: i, separator: a = !1, className: n }) => {
+  const l = N(), { mobileBreakpoint: d, maxWidth: m } = b(x), f = k(l, d), e = a ? u.toArray(i).filter((o) => B(o) || o) : null;
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-name": "footer-bottom",
+      className: c(t["tedi-footer-bottom"], { [t["tedi-footer-bottom--mobile"]]: f }, n),
+      children: /* @__PURE__ */ r("div", { className: t["tedi-footer-bottom__inner"], style: m !== void 0 ? { maxWidth: m } : void 0, children: e ? e.map((o, s) => /* @__PURE__ */ p(h, { children: [
+        o,
+        s < e.length - 1 && /* @__PURE__ */ r("span", { className: t["tedi-footer-bottom__dot"], "aria-hidden": "true" })
+      ] }, s)) : i })
+    }
+  );
+};
+v.displayName = "Footer.Bottom";
+export {
+  v as FooterBottom,
+  v as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext({mobileBreakpoint:"sm"});exports.FooterContext=t;

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

@@ -0,0 +1,23 @@
+import { Breakpoint } from '../../../helpers';
+export interface FooterContextValue {
+    /**
+     * Viewport breakpoint at and below which every Footer subcomponent
+     * (`Footer.Body`, `Footer.Bottom`, `Footer.Side`, `Footer.Section`)
+     * switches to its stacked mobile layout — accordion sections, stacked
+     * sides, wrapped bottom strip.
+     *
+     * Set on `<Footer mobileBreakpoint="…">`. Subcomponents read from this
+     * context so all five sites agree on the threshold; without it they'd
+     * each hardcode their own value and drift apart on intermediate
+     * viewports (e.g. tablet 600–760px).
+     */
+    mobileBreakpoint: Breakpoint;
+    /**
+     * Optional cap for the inner content width (the column row and the bottom
+     * strip's content), centered inside the full-bleed backgrounds. Set on
+     * `<Footer maxWidth="…">`; subcomponents read it so the body row and the
+     * bottom strip align to the same width.
+     */
+    maxWidth?: number | string;
+}
+export declare const FooterContext: import('react').Context<FooterContextValue>;

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

@@ -0,0 +1,7 @@
+import { createContext as o } from "react";
+const e = o({
+  mobileBreakpoint: "sm"
+});
+export {
+  e as FooterContext
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("../../../../../../external/classnames/index.cjs.js"),u=require("react"),g=require("../../../base/icon/icon.cjs.js"),q=require("../../../base/typography/heading/heading.cjs.js"),b=require("../../../buttons/collapse/collapse.cjs.js"),t=require("../footer.module.scss.cjs.js"),v=require("../footer-context.cjs.js"),s=require("../../../../helpers/hooks/use-breakpoint.cjs.js"),i=({heading:o,icon:n,collapsible:f=!1,defaultOpen:p=!1,iconBreakpoint:m="lg",children:r,className:_})=>{const l=s.useBreakpoint(),{mobileBreakpoint:x}=u.useContext(v.FooterContext),c=s.isBreakpointBelow(l,x),j=s.isBreakpointBelow(l,m),a=f&&c,h=u.useId();return e.jsxs("div",{"data-name":"footer-section",className:d.default(t.default["tedi-footer-section"],{[t.default["tedi-footer-section--collapsible"]]:a},_),children:[n&&!j&&e.jsx("span",{className:t.default["tedi-footer-section__icon"],children:e.jsx(g.Icon,{name:n,color:"white",size:24})}),e.jsx("div",{className:d.default(t.default["tedi-footer-section__container"],{[t.default["tedi-footer-section__container--mobile"]]:c}),children:a?e.jsx(b.Collapse,{id:`tedi-footer-section-${h}`,title:e.jsx(q.Heading,{element:"h6",color:"white",children:o}),size:"small",inverted:!0,hideCollapseText:!0,defaultOpen:p,toggleLabel:typeof o=="string"?o:void 0,className:t.default["tedi-footer-section__collapse"],titleRowProps:{gutter:0},children:e.jsx("div",{className:t.default["tedi-footer-section__content-inner"],children:r})}):e.jsxs(e.Fragment,{children:[e.jsx("strong",{className:t.default["tedi-footer-section__heading"],children:o}),e.jsx("div",{className:t.default["tedi-footer-section__content"],children:r})]})})]})};i.displayName="Footer.Section";exports.FooterSection=i;exports.default=i;