@tedi-design-system/react 14.4.0-rc.9 → 15.0.0-rc.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "14.4.0-rc.9",
+  "version": "15.0.0-rc.2",
   "type": "module",
   "sideEffects": false,
   "exports": {

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("../../../../../external/classnames/index.cjs.js"),g=require("../../../../tedi/components/misc/print/print.cjs.js"),_=require("../../../../tedi/components/misc/stretch-content/stretch-content.cjs.js"),v=require("../../icon/icon.cjs.js"),a=require("../../typography/text/text.cjs.js"),o=require("./footer.module.scss.cjs.js"),f=require("../../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),p=require("../../../../tedi/providers/label-provider/use-labels.cjs.js"),q=require("../../../../tedi/components/layout/grid/row.cjs.js"),m=require("../../../../tedi/components/layout/grid/col.cjs.js"),x=d=>{const{logo:r,categories:i,className:l,bottomElement:n,...t}=d,{getLabel:s}=p.useLabels(),u=c.default(o.default.footer,l);return e.jsx(g.Print,{visibility:"hide",children:e.jsxs("footer",{"data-name":"footer",...t,className:u,children:[e.jsx(a.Text,{className:"visually-hidden",element:"h2",children:s("footer.title")}),e.jsxs("div",{className:o.default.footer__inner,children:[i.map((h,j)=>e.jsx(_.StretchContent,{direction:"vertical",children:e.jsx(b,{...h})},j)),r&&e.jsx("img",{className:o.default.footer__logo,src:r.src,alt:r.alt,style:r.style})]}),n&&e.jsx(a.Text,{color:"inverted",element:"div",className:o.default.footer__bottom,children:n})]})})},b=d=>{const{heading:r,icon:i,elements:l}=d,n=t=>{const s={size:16},u=typeof t=="string"?{...s,name:t}:{...s,...t};return e.jsx(v.Icon,{...u})};return e.jsxs(q.Row,{children:[i&&e.jsx(m.Col,{width:"auto",className:c.default("text-inverted",o.default["footer__category-icon"]),children:n(i)}),e.jsx(m.Col,{width:"auto",children:e.jsxs(f.VerticalSpacing,{className:c.default("text-small",o.default.footer__category),size:.5,children:[e.jsx(a.Text,{color:"inverted",modifiers:["bold","normal"],element:"h3",children:r}),e.jsx(f.VerticalSpacing,{element:"ul",size:.5,className:c.default(o.default["footer__category-list"]),children:l==null?void 0:l.map((t,s)=>e.jsx("li",{children:e.jsx(a.Text,{color:"inverted",element:"span",modifiers:"break-all",children:t})},s))})]})})]})};exports.Footer=x;exports.default=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("../../../../../external/classnames/index.cjs.js"),g=require("../../../../tedi/components/misc/print/print.cjs.js"),_=require("../../../../tedi/components/misc/stretch-content/stretch-content.cjs.js"),v=require("../../icon/icon.cjs.js"),a=require("../../typography/text/text.cjs.js"),o=require("./footer.module.scss.cjs.js"),p=require("../../../../tedi/components/layout/grid/row.cjs.js"),f=require("../../../../tedi/components/layout/grid/col.cjs.js"),m=require("../../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),q=require("../../../../tedi/providers/label-provider/use-labels.cjs.js"),x=d=>{const{logo:r,categories:i,className:l,bottomElement:n,...t}=d,{getLabel:s}=q.useLabels(),u=c.default(o.default.footer,l);return e.jsx(g.Print,{visibility:"hide",children:e.jsxs("footer",{"data-name":"footer",...t,className:u,children:[e.jsx(a.Text,{className:"visually-hidden",element:"h2",children:s("footer.title")}),e.jsxs("div",{className:o.default.footer__inner,children:[i.map((h,j)=>e.jsx(_.StretchContent,{direction:"vertical",children:e.jsx(b,{...h})},j)),r&&e.jsx("img",{className:o.default.footer__logo,src:r.src,alt:r.alt,style:r.style})]}),n&&e.jsx(a.Text,{color:"inverted",element:"div",className:o.default.footer__bottom,children:n})]})})},b=d=>{const{heading:r,icon:i,elements:l}=d,n=t=>{const s={size:16},u=typeof t=="string"?{...s,name:t}:{...s,...t};return e.jsx(v.Icon,{...u})};return e.jsxs(p.Row,{children:[i&&e.jsx(f.Col,{width:"auto",className:c.default("text-inverted",o.default["footer__category-icon"]),children:n(i)}),e.jsx(f.Col,{width:"auto",children:e.jsxs(m.VerticalSpacing,{className:c.default("text-small",o.default.footer__category),size:.5,children:[e.jsx(a.Text,{color:"inverted",modifiers:["bold","normal"],element:"h3",children:r}),e.jsx(m.VerticalSpacing,{element:"ul",size:.5,className:c.default(o.default["footer__category-list"]),children:l==null?void 0:l.map((t,s)=>e.jsx("li",{children:e.jsx(a.Text,{color:"inverted",element:"span",modifiers:"break-all",children:t})},s))})]})})]})};exports.Footer=x;exports.default=x;

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

@@ -5,12 +5,12 @@ import { StretchContent as y } from "../../../../tedi/components/misc/stretch-co
 import { Icon as N } from "../../icon/icon.es.js";
 import { Text as m } from "../../typography/text/text.es.js";
 import t from "./footer.module.scss.es.js";
-import { VerticalSpacing as h } from "../../../../tedi/components/layout/vertical-spacing/vertical-spacing.es.js";
-import { useLabels as v } from "../../../../tedi/providers/label-provider/use-labels.es.js";
-import { Row as b } from "../../../../tedi/components/layout/grid/row.es.js";
-import { Col as p } from "../../../../tedi/components/layout/grid/col.es.js";
+import { Row as v } from "../../../../tedi/components/layout/grid/row.es.js";
+import { Col as h } from "../../../../tedi/components/layout/grid/col.es.js";
+import { VerticalSpacing as p } from "../../../../tedi/components/layout/vertical-spacing/vertical-spacing.es.js";
+import { useLabels as b } from "../../../../tedi/providers/label-provider/use-labels.es.js";
 const B = (d) => {
-  const { logo: r, categories: s, className: l, bottomElement: n, ...o } = d, { getLabel: i } = v(), f = c(t.footer, l);
+  const { logo: r, categories: s, className: l, bottomElement: n, ...o } = d, { getLabel: i } = b(), f = c(t.footer, l);
   return /* @__PURE__ */ e(u, { visibility: "hide", children: /* @__PURE__ */ a("footer", { "data-name": "footer", ...o, className: f, children: [
     /* @__PURE__ */ e(m, { className: "visually-hidden", element: "h2", children: i("footer.title") }),
     /* @__PURE__ */ a("div", { className: t.footer__inner, children: [
@@ -24,11 +24,11 @@ const B = (d) => {
     const i = { size: 16 }, f = typeof o == "string" ? { ...i, name: o } : { ...i, ...o };
     return /* @__PURE__ */ e(N, { ...f });
   };
-  return /* @__PURE__ */ a(b, { children: [
-    s && /* @__PURE__ */ e(p, { width: "auto", className: c("text-inverted", t["footer__category-icon"]), children: n(s) }),
-    /* @__PURE__ */ e(p, { width: "auto", children: /* @__PURE__ */ a(h, { className: c("text-small", t.footer__category), size: 0.5, children: [
+  return /* @__PURE__ */ a(v, { children: [
+    s && /* @__PURE__ */ e(h, { width: "auto", className: c("text-inverted", t["footer__category-icon"]), children: n(s) }),
+    /* @__PURE__ */ e(h, { width: "auto", children: /* @__PURE__ */ a(p, { className: c("text-small", t.footer__category), size: 0.5, children: [
       /* @__PURE__ */ e(m, { color: "inverted", modifiers: ["bold", "normal"], element: "h3", children: r }),
-      /* @__PURE__ */ e(h, { element: "ul", size: 0.5, className: c(t["footer__category-list"]), children: l == null ? void 0 : l.map((o, i) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(m, { color: "inverted", element: "span", modifiers: "break-all", children: o }) }, i)) })
+      /* @__PURE__ */ e(p, { element: "ul", size: 0.5, className: c(t["footer__category-list"]), children: l == null ? void 0 : l.map((o, i) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(m, { color: "inverted", element: "span", modifiers: "break-all", children: o }) }, i)) })
     ] }) })
   ] });
 };

package/src/community/components/layout/header/components/header-role/header-role.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),g=require("react"),m=require("../../../../../../tedi/components/misc/scroll-fade/scroll-fade.cjs.js"),j=require("../../../../collapse/collapse.cjs.js"),b=require("../../../../tag/tag.cjs.js"),h=require("../../../../typography/text/text.cjs.js"),y=require("../header-dropdown/header-dropdown.cjs.js"),a=require("./header-role.module.scss.cjs.js"),x=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),T=require("../../../../card/card.cjs.js"),q=require("../../../../card/card-content/card-content.cjs.js"),p=t=>{const{renderModal:o=!1,...r}=t,[s,l]=g.useState(!1);return o?e.jsx(R,{...r,open:s,onToggle:l}):e.jsx(v,{...r,open:s,onToggle:l})};p.displayName="HeaderRole";const v=t=>{const{getLabel:o}=x.useLabels(),{children:r,open:s,onToggle:l,primaryInfo:i,secondaryInfo:d,label:n=o("header.role-label")}=t,u=()=>n===o("header.role-label")?e.jsx("div",{children:e.jsx(b.Tag,{color:"primary",type:"secondary",children:n})}):e.jsxs(h.Text,{color:"muted",modifiers:["bold","small"],children:[n,!!d&&e.jsxs(e.Fragment,{children:[" ",e.jsxs(h.Text,{element:"span",modifiers:["small","normal"],children:[e.jsx("span",{style:{color:"var(--color-border-default)"},children:"|"})," ",d]})]})]}),c=typeof r=="function"?r({onToggle:l}):r,f=e.jsx(y.HeaderDropdown,{shouldAnimate:!0,open:s,onToggle:l,tooltipProps:{cardProps:{padding:0},maxWidth:"medium"},triggerProps:{children:i,"aria-label":`${n??""} ${d??""} ${i??""}`,visualType:"link",iconRight:{name:"expand_more",color:"primary",size:24}},children:e.jsx("div",{className:a.default["header-role-wrapper"],children:e.jsx(m.ScrollFade,{fadeSize:0,children:e.jsx("div",{className:a.default["header-role-children"],children:c})})})});return e.jsxs("div",{children:[u(),c?f:i]})},R=t=>{const{getLabel:o}=x.useLabels(),{children:r,open:s,onToggle:l,primaryInfo:i,secondaryInfo:d,label:n=o("header.role-label")}=t,u=e.jsxs(h.Text,{element:"span",color:"muted",modifiers:"bold",children:[n," ",i,d&&e.jsx(h.Text,{element:"span",modifiers:"normal",children:` | ${d}`})]}),c=typeof r=="function"?r({onToggle:l}):r;return e.jsx(T.Card,{background:"bg-muted",borderRadius:!1,borderless:!0,children:e.jsx(q.CardContent,{padding:0,children:c?e.jsx(j.Collapse,{id:"role-collapse",open:s,onToggle:l,className:a.default["header-role-collapse"],hideCollapseText:!0,title:u,children:e.jsx("div",{className:a.default["header-role-wrapper"],children:e.jsx(m.ScrollFade,{fadeSize:0,children:e.jsx("div",{className:a.default["header-role-children"],children:c})})})}):e.jsx("div",{className:a.default["header-role-children"],children:u})})})};exports.HeaderRole=p;exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),g=require("react"),j=require("../../../../../../tedi/components/buttons/collapse/collapse.cjs.js"),m=require("../../../../../../tedi/components/misc/scroll-fade/scroll-fade.cjs.js"),b=require("../../../../tag/tag.cjs.js"),h=require("../../../../typography/text/text.cjs.js"),y=require("../header-dropdown/header-dropdown.cjs.js"),a=require("./header-role.module.scss.cjs.js"),x=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),T=require("../../../../card/card.cjs.js"),q=require("../../../../card/card-content/card-content.cjs.js"),p=t=>{const{renderModal:o=!1,...r}=t,[s,l]=g.useState(!1);return o?e.jsx(R,{...r,open:s,onToggle:l}):e.jsx(v,{...r,open:s,onToggle:l})};p.displayName="HeaderRole";const v=t=>{const{getLabel:o}=x.useLabels(),{children:r,open:s,onToggle:l,primaryInfo:i,secondaryInfo:d,label:n=o("header.role-label")}=t,u=()=>n===o("header.role-label")?e.jsx("div",{children:e.jsx(b.Tag,{color:"primary",type:"secondary",children:n})}):e.jsxs(h.Text,{color:"muted",modifiers:["bold","small"],children:[n,!!d&&e.jsxs(e.Fragment,{children:[" ",e.jsxs(h.Text,{element:"span",modifiers:["small","normal"],children:[e.jsx("span",{style:{color:"var(--color-border-default)"},children:"|"})," ",d]})]})]}),c=typeof r=="function"?r({onToggle:l}):r,f=e.jsx(y.HeaderDropdown,{shouldAnimate:!0,open:s,onToggle:l,tooltipProps:{cardProps:{padding:0},maxWidth:"medium"},triggerProps:{children:i,"aria-label":`${n??""} ${d??""} ${i??""}`,visualType:"link",iconRight:{name:"expand_more",color:"primary",size:24}},children:e.jsx("div",{className:a.default["header-role-wrapper"],children:e.jsx(m.ScrollFade,{fadeSize:0,children:e.jsx("div",{className:a.default["header-role-children"],children:c})})})});return e.jsxs("div",{children:[u(),c?f:i]})},R=t=>{const{getLabel:o}=x.useLabels(),{children:r,open:s,onToggle:l,primaryInfo:i,secondaryInfo:d,label:n=o("header.role-label")}=t,u=e.jsxs(h.Text,{element:"span",color:"muted",modifiers:"bold",children:[n," ",i,d&&e.jsx(h.Text,{element:"span",modifiers:"normal",children:` | ${d}`})]}),c=typeof r=="function"?r({onToggle:l}):r;return e.jsx(T.Card,{background:"bg-muted",borderRadius:!1,borderless:!0,children:e.jsx(q.CardContent,{padding:0,children:c?e.jsx(j.Collapse,{id:"role-collapse",open:s,onToggle:l,className:a.default["header-role-collapse"],hideCollapseText:!0,title:u,children:e.jsx("div",{className:a.default["header-role-wrapper"],children:e.jsx(m.ScrollFade,{fadeSize:0,children:e.jsx("div",{className:a.default["header-role-children"],children:c})})})}):e.jsx("div",{className:a.default["header-role-children"],children:u})})})};exports.HeaderRole=p;exports.default=p;

package/src/community/components/layout/header/components/header-role/header-role.es.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as m, Fragment as b } from "react/jsx-runtime";
 import y from "react";
+import { Collapse as v } from "../../../../../../tedi/components/buttons/collapse/collapse.es.js";
 import { ScrollFade as f } from "../../../../../../tedi/components/misc/scroll-fade/scroll-fade.es.js";
-import { Collapse as v } from "../../../../collapse/collapse.es.js";
 import { Tag as T } from "../../../../tag/tag.es.js";
 import { Text as h } from "../../../../typography/text/text.es.js";
 import { HeaderDropdown as x } from "../header-dropdown/header-dropdown.es.js";

package/src/community/components/layout/sidenav/sidenav.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),d=require("react"),S=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),x=require("../../../../../external/classnames/index.cjs.js"),k=require("../../../../tedi/components/misc/print/print.cjs.js"),q=require("../../../helpers/hooks/use-layout.cjs.js"),T=require("../../anchor/anchor.cjs.js"),P=require("../../collapse/collapse.cjs.js"),B=require("../../icon/icon.cjs.js"),C=require("../layout-context.cjs.js"),a=require("./sidenav.module.scss.cjs.js"),F=require("./utility.cjs.js"),A=n=>requestAnimationFrame(n),I=n=>{const{navItems:l,ariaLabel:i,linkAs:r,breakToBottomContent:c,breakToHeader:_,showDividers:u=!0,hideSubItemIcons:m=!1,className:v,...h}=n,p=q.useLayout(["mobile","tablet"]),{menuOpen:y,context:b,getFloatingProps:f,floating:g,headerType:e,y:s}=d.useContext(C.LayoutContext),{hasSidenav:o}=F.useSidenavRendered(e,n);if(!o)return null;const N=x.default(a.default.sidenav,v,{[a.default["sidenav--has-dividers"]]:u,[a.default["sidenav--hide-subitem-icons"]]:m}),j=t.jsx(k.Print,{visibility:"hide",children:t.jsx("nav",{"data-name":"sidenav",...h,className:N,"aria-label":i,children:t.jsx("ul",{className:a.default.sidenav__list,role:"menubar","aria-label":i,children:l.map((L,M)=>d.createElement(E,{as:r,...L,key:M}))})})});return p?y?t.jsx(S.FloatingOverlay,{lockScroll:!0,className:a.default.sidenav__overlay,children:t.jsx(S.FloatingFocusManager,{context:b,order:["reference","content"],children:t.jsx("div",{...f({style:{paddingTop:s??0},className:a.default.sidenav,"aria-label":i}),ref:g,children:j})})}):null:j},E=n=>{const{icon:l,children:i,isActive:r,onClick:c,subItems:_,as:u,...m}=n,{toggleMenu:v,onHeaderSidenavToggle:h}=d.useContext(C.LayoutContext),p=q.useLayout(["mobile","tablet"]),y=x.default(a.default.sidenav__item,{[a.default["sidenav__item--current"]]:r}),b=d.useId(),f=e=>{const o={className:x.default(a.default.sidenav__icon)},N=typeof e=="string"?{...o,name:e}:{...o,...e,className:x.default(o.className,e==null?void 0:e.className)};return t.jsx(B.Icon,{...N})},g=e=>{c==null||c(e),e.stopPropagation(),typeof h=="function"||(p?A(()=>v()):v())};return t.jsx("li",{"data-name":"sidenav-item",className:y,role:"presentation",children:_?t.jsx(P.Collapse,{id:b,hideCollapseText:!0,open:r,title:t.jsxs("span",{...(({_href:e,...s})=>s)(m),className:a.default.sidenav__link,noStyle:!0,role:"menuitem","aria-current":r?"page":void 0,children:[l&&f(l),t.jsx("span",{className:a.default.sidenav__title,children:i})]}),children:t.jsx("ul",{className:a.default.sidenav__list,role:"menubar",children:_.map((e,s)=>d.createElement(E,{as:u,...e,key:s}))})}):t.jsxs(T.Anchor,{...m,as:u,onClick:g,className:a.default.sidenav__link,noStyle:!0,role:"menuitem","aria-current":r?"page":void 0,children:[l&&f(l),t.jsx("span",{className:a.default.sidenav__title,children:i})]})})};exports.SideNav=I;exports.default=I;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),d=require("react"),S=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),x=require("../../../../../external/classnames/index.cjs.js"),k=require("../../../../tedi/components/buttons/collapse/collapse.cjs.js"),T=require("../../../../tedi/components/misc/print/print.cjs.js"),q=require("../../../helpers/hooks/use-layout.cjs.js"),P=require("../../anchor/anchor.cjs.js"),B=require("../../icon/icon.cjs.js"),C=require("../layout-context.cjs.js"),a=require("./sidenav.module.scss.cjs.js"),F=require("./utility.cjs.js"),A=n=>requestAnimationFrame(n),I=n=>{const{navItems:l,ariaLabel:i,linkAs:r,breakToBottomContent:c,breakToHeader:_,showDividers:u=!0,hideSubItemIcons:m=!1,className:v,...h}=n,p=q.useLayout(["mobile","tablet"]),{menuOpen:y,context:b,getFloatingProps:f,floating:g,headerType:e,y:s}=d.useContext(C.LayoutContext),{hasSidenav:o}=F.useSidenavRendered(e,n);if(!o)return null;const N=x.default(a.default.sidenav,v,{[a.default["sidenav--has-dividers"]]:u,[a.default["sidenav--hide-subitem-icons"]]:m}),j=t.jsx(T.Print,{visibility:"hide",children:t.jsx("nav",{"data-name":"sidenav",...h,className:N,"aria-label":i,children:t.jsx("ul",{className:a.default.sidenav__list,role:"menubar","aria-label":i,children:l.map((L,M)=>d.createElement(E,{as:r,...L,key:M}))})})});return p?y?t.jsx(S.FloatingOverlay,{lockScroll:!0,className:a.default.sidenav__overlay,children:t.jsx(S.FloatingFocusManager,{context:b,order:["reference","content"],children:t.jsx("div",{...f({style:{paddingTop:s??0},className:a.default.sidenav,"aria-label":i}),ref:g,children:j})})}):null:j},E=n=>{const{icon:l,children:i,isActive:r,onClick:c,subItems:_,as:u,...m}=n,{toggleMenu:v,onHeaderSidenavToggle:h}=d.useContext(C.LayoutContext),p=q.useLayout(["mobile","tablet"]),y=x.default(a.default.sidenav__item,{[a.default["sidenav__item--current"]]:r}),b=d.useId(),f=e=>{const o={className:x.default(a.default.sidenav__icon)},N=typeof e=="string"?{...o,name:e}:{...o,...e,className:x.default(o.className,e==null?void 0:e.className)};return t.jsx(B.Icon,{...N})},g=e=>{c==null||c(e),e.stopPropagation(),typeof h=="function"||(p?A(()=>v()):v())};return t.jsx("li",{"data-name":"sidenav-item",className:y,role:"presentation",children:_?t.jsx(k.Collapse,{id:b,hideCollapseText:!0,open:r,title:t.jsxs("span",{...(({_href:e,...s})=>s)(m),className:a.default.sidenav__link,noStyle:!0,role:"menuitem","aria-current":r?"page":void 0,children:[l&&f(l),t.jsx("span",{className:a.default.sidenav__title,children:i})]}),children:t.jsx("ul",{className:a.default.sidenav__list,role:"menubar",children:_.map((e,s)=>d.createElement(E,{as:u,...e,key:s}))})}):t.jsxs(P.Anchor,{...m,as:u,onClick:g,className:a.default.sidenav__link,noStyle:!0,role:"menuitem","aria-current":r?"page":void 0,children:[l&&f(l),t.jsx("span",{className:a.default.sidenav__title,children:i})]})})};exports.SideNav=I;exports.default=I;

package/src/community/components/layout/sidenav/sidenav.es.js

@@ -2,10 +2,10 @@ import { jsx as t, jsxs as x } from "react/jsx-runtime";
 import g, { createElement as C } from "react";
 import { FloatingOverlay as F, FloatingFocusManager as L } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
 import v from "../../../../../external/classnames/index.es.js";
-import { Print as P } from "../../../../tedi/components/misc/print/print.es.js";
+import { Collapse as P } from "../../../../tedi/components/buttons/collapse/collapse.es.js";
+import { Print as A } from "../../../../tedi/components/misc/print/print.es.js";
 import { useLayout as k } from "../../../helpers/hooks/use-layout.es.js";
-import { Anchor as A } from "../../anchor/anchor.es.js";
-import { Collapse as j } from "../../collapse/collapse.es.js";
+import { Anchor as j } from "../../anchor/anchor.es.js";
 import { Icon as H } from "../../icon/icon.es.js";
 import { LayoutContext as E } from "../layout-context.es.js";
 import a from "./sidenav.module.scss.es.js";
@@ -27,7 +27,7 @@ const R = (n) => requestAnimationFrame(n), Y = (n) => {
   const y = v(a.sidenav, u, {
     [a["sidenav--has-dividers"]]: c,
     [a["sidenav--hide-subitem-icons"]]: d
-  }), I = /* @__PURE__ */ t(P, { visibility: "hide", children: /* @__PURE__ */ t("nav", { "data-name": "sidenav", ...h, className: y, "aria-label": r, children: /* @__PURE__ */ t("ul", { className: a.sidenav__list, role: "menubar", "aria-label": r, children: i.map((T, B) => /* @__PURE__ */ C(M, { as: o, ...T, key: B })) }) }) });
+  }), I = /* @__PURE__ */ t(A, { visibility: "hide", children: /* @__PURE__ */ t("nav", { "data-name": "sidenav", ...h, className: y, "aria-label": r, children: /* @__PURE__ */ t("ul", { className: a.sidenav__list, role: "menubar", "aria-label": r, children: i.map((T, B) => /* @__PURE__ */ C(M, { as: o, ...T, key: B })) }) }) });
   return _ ? N ? /* @__PURE__ */ t(F, { lockScroll: !0, className: a.sidenav__overlay, children: /* @__PURE__ */ t(L, { context: b, order: ["reference", "content"], children: /* @__PURE__ */ t(
     "div",
     {
@@ -48,7 +48,7 @@ const R = (n) => requestAnimationFrame(n), Y = (n) => {
     return /* @__PURE__ */ t(H, { ...y });
   };
   return /* @__PURE__ */ t("li", { "data-name": "sidenav-item", className: N, role: "presentation", children: f ? /* @__PURE__ */ t(
-    j,
+    P,
     {
       id: b,
       hideCollapseText: !0,
@@ -74,7 +74,7 @@ const R = (n) => requestAnimationFrame(n), Y = (n) => {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     /* @__PURE__ */ x(
-      A,
+      j,
       {
         ...d,
         as: c,

package/src/community/index.d.ts

@@ -2,10 +2,8 @@ export * from './components/commonTypes';
 export * from './components/typography/heading/heading';
 export * from './components/typography/text/text';
 export * from './components/button/button';
-export * from './components/collapse/collapse';
 export * from './components/anchor/anchor';
 export * from './components/layout';
-export * from './components/ellipsis/ellipsis';
 export * from './components/dropdown/dropdown';
 export * from './components/stepper';
 export * from './components/card';

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

package/src/tedi/components/buttons/collapse/collapse.d.ts

@@ -65,6 +65,11 @@ export interface CollapseProps extends BreakpointSupport<CollapseBreakpointProps
      * Defaults to the result of `getLabel('close')`.
      */
     closeText?: string;
+    /**
+     * Descriptive label for screen readers (e.g. "Toggle Products submenu")
+     * If provided, overrides the default open/close text for the accessible name.
+     */
+    toggleLabel?: string;
 }
 export declare const Collapse: (props: CollapseProps) => JSX.Element;
 export default Collapse;

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

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

package/src/tedi/components/form/file-upload/file-upload.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),_=require("../../../../../external/classnames/index.cjs.js"),D=require("react"),P=require("../../../helpers/hooks/use-file-upload.cjs.js"),V=require("../../base/typography/text/text.cjs.js"),v=require("../../buttons/button/button.cjs.js"),W=require("../../buttons/closing-button/closing-button.cjs.js"),A=require("../form-label/form-label.cjs.js"),E=require("../../misc/separator/separator.cjs.js"),G=require("../../tags/tag/tag.cjs.js"),q=require("../feedback-text/feedback-text.cjs.js"),l=require("./file-upload.module.scss.cjs.js"),J=require("../../../providers/label-provider/use-labels.cjs.js"),y=require("../../../helpers/hooks/use-breakpoint.cjs.js"),K=require("../../layout/grid/row.cjs.js"),F=require("../../layout/grid/col.cjs.js"),B=C=>{const{getLabel:c}=J.useLabels(),{id:n,name:k,accept:x,multiple:g,onChange:f,className:L,defaultFiles:N,onDelete:T,hasClearButton:U=!0,files:o,readOnly:m,disabled:s=!1,maxSize:w,validateIndividually:M=!1,size:r="default",helper:i,...R}=C,{innerFiles:h,uploadErrorHelper:a,onFileChange:S,onFileRemove:z,handleClear:b}=P.useFileUpload({accept:x,maxSize:w,multiple:g,validateIndividually:M,defaultFiles:N,onChange:f,onDelete:T,files:o}),I=y.useBreakpoint(),O=_.default(l.default["tedi-file-upload"],{[l.default["tedi-file-upload--disabled"]]:s},L),u=i?(i==null?void 0:i.id)??`${n}-helper`:void 0,d=D.useMemo(()=>o&&f?o:h,[o,h,f]),$=(t,p)=>e.jsx("li",{children:e.jsx(G.Tag,{color:t.isValid===!1?"danger":"primary",onClose:!t.isLoading&&!s&&!m?()=>z(t):void 0,isLoading:t.isLoading,children:t.name})},p),j=()=>d.length>1?e.jsx("ul",{className:l.default["tedi-file-upload__items"],children:d.map((t,p)=>$(t,p))}):d.length===1?e.jsx(V.Text,{className:l.default["tedi-file-upload__items"],children:d[0].name}):null;return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:l.default["tedi-file-upload__label-wrapper"],children:e.jsx(A.FormLabel,{id:n,...R,renderWithoutLabel:m,className:l.default["tedi-file-upload__label"],size:r})}),m?j():e.jsx("div",{className:_.default(l.default["tedi-file-upload__container"],{[l.default["tedi-file-upload--disabled"]]:s,[l.default["tedi-file-upload--error"]]:((a==null?void 0:a.type)||(i==null?void 0:i.type))==="error",[l.default["tedi-file-upload--valid"]]:((a==null?void 0:a.type)||(i==null?void 0:i.type))==="valid"},{[l.default[`tedi-file-upload__container--${r}`]]:r}),children:e.jsx("div",{className:l.default["tedi-file-upload__content"],children:e.jsxs(K.Row,{children:[e.jsx(F.Col,{className:"display-flex",children:j()}),e.jsx(F.Col,{xs:12,md:"auto",children:e.jsxs("div",{className:O,children:[e.jsx("input",{id:n,type:"file",name:k,accept:x,onChange:S,multiple:g,disabled:s,"aria-invalid":!!a}),U&&d.length>0&&!s&&e.jsxs(e.Fragment,{children:[y.isBreakpointBelow(I,"md")?e.jsx(v.Button,{visualType:"neutral",iconLeft:"close","aria-describedby":u,disabled:s,onClick:b,className:l.default["tedi-file-upload__button"],children:c("clear")}):e.jsx(W.ClosingButton,{onClick:b,size:"medium",title:c("clear")}),e.jsx(E.Separator,{axis:"vertical",height:1.5,spacing:.5,color:"primary"})]}),e.jsx(v.Button,{visualType:"neutral",iconLeft:"file_upload","aria-describedby":u,disabled:s,onClick:()=>{var t;return(t=document.getElementById(n))==null?void 0:t.click()},className:l.default["tedi-file-upload__button"],size:r,children:c("file-upload.add")})]})})]})})}),i?e.jsx(q.FeedbackText,{...i,id:u}):a?e.jsx(q.FeedbackText,{...a,id:u}):null]})};exports.FileUpload=B;exports.default=B;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),P=require("react"),W=require("../../../helpers/hooks/use-file-upload.cjs.js"),A=require("../../base/typography/text/text.cjs.js"),v=require("../../buttons/button/button.cjs.js"),E=require("../../buttons/closing-button/closing-button.cjs.js"),G=require("../form-label/form-label.cjs.js"),J=require("../../misc/separator/separator.cjs.js"),K=require("../../tags/tag/tag.cjs.js"),y=require("../feedback-text/feedback-text.cjs.js"),a=require("./file-upload.module.scss.cjs.js"),Q=require("../../../providers/label-provider/use-labels.cjs.js"),F=require("../../../helpers/hooks/use-breakpoint.cjs.js"),X=require("../../layout/grid/row.cjs.js"),q=require("../../layout/grid/col.cjs.js"),L=B=>{const{getLabel:d}=Q.useLabels(),{id:r,name:C,accept:g,multiple:_,onChange:m,className:N,defaultFiles:k,onDelete:T,hasClearButton:U=!0,files:u,readOnly:p,disabled:s=!1,maxSize:$,validateIndividually:w=!1,size:c="default",helper:i,...M}=B,{innerFiles:b,uploadErrorHelper:t,onFileChange:R,onFileRemove:S,handleClear:h,announcement:z}=W.useFileUpload({accept:g,maxSize:$,multiple:_,validateIndividually:w,defaultFiles:k,onChange:m,onDelete:T,files:u}),I=F.useBreakpoint(),V=f.default(a.default["tedi-file-upload"],{[a.default["tedi-file-upload--disabled"]]:s},N),x=i?(i==null?void 0:i.id)??`${r}-helper`:void 0,n=P.useMemo(()=>u&&m?u:b,[u,b,m]),O=(l,o)=>{const D=l.isValid===!1?`${l.name} (${d("file-upload.failed")})`:l.name;return e.jsx("li",{children:e.jsx(K.Tag,{color:l.isValid===!1?"danger":"primary",onClose:!l.isLoading&&!s&&!p?()=>S(l):void 0,isLoading:l.isLoading,"aria-label":D,children:l.name})},o)},j=()=>{if(n.length>1)return e.jsx("ul",{className:f.default(a.default["tedi-file-upload__items"],a.default["tedi-file-upload__truncate-list"]),children:n.map((l,o)=>O(l,o))});if(n.length===1){const l=n[0],o=l.isValid===!1?`${l.name} (${d("file-upload.failed")})`:l.name;return e.jsx(A.Text,{"aria-label":o,className:f.default(a.default["tedi-file-upload__items"],a.default["tedi-file-upload__truncate"]),children:l.name})}return null};return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:a.default["tedi-file-upload__label-wrapper"],children:e.jsx(G.FormLabel,{id:r,...M,renderWithoutLabel:p,className:a.default["tedi-file-upload__label"],size:c})}),e.jsx("div",{"aria-live":"polite","aria-atomic":"true",className:"sr-only",children:z}),p?j():e.jsx("div",{className:f.default(a.default["tedi-file-upload__container"],{[a.default["tedi-file-upload--disabled"]]:s,[a.default["tedi-file-upload--error"]]:((t==null?void 0:t.type)||(i==null?void 0:i.type))==="error",[a.default["tedi-file-upload--valid"]]:((t==null?void 0:t.type)||(i==null?void 0:i.type))==="valid"},{[a.default[`tedi-file-upload__container--${c}`]]:c}),children:e.jsx("div",{className:a.default["tedi-file-upload__content"],children:e.jsxs(X.Row,{children:[e.jsx(q.Col,{className:"display-flex",children:j()}),e.jsx(q.Col,{xs:12,md:"auto",children:e.jsxs("div",{className:V,children:[e.jsx("input",{id:r,type:"file",name:C,accept:g,onChange:R,multiple:_,disabled:s,"aria-invalid":!!t&&t.type==="error","aria-describedby":x}),U&&n.length>0&&!s&&e.jsxs(e.Fragment,{children:[F.isBreakpointBelow(I,"md")?e.jsx(v.Button,{visualType:"neutral",iconLeft:"close",disabled:s,onClick:h,className:a.default["tedi-file-upload__button"],children:d("clear")}):e.jsx(E.ClosingButton,{onClick:h,size:"medium",title:d("clear")}),e.jsx(J.Separator,{axis:"vertical",height:1.5,spacing:.5,color:"primary"})]}),e.jsx(v.Button,{visualType:"neutral",iconLeft:"file_upload",disabled:s,onClick:()=>{var l;return(l=document.getElementById(r))==null?void 0:l.click()},className:a.default["tedi-file-upload__button"],size:c,children:d("file-upload.add")})]})})]})})}),i?e.jsx(y.FeedbackText,{...i,id:x}):t?e.jsx(y.FeedbackText,{...t,id:x}):null]})};exports.FileUpload=L;exports.default=L;