@tedi-design-system/react 18.1.0-rc.8 → 18.1.0

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

@@ -0,0 +1,162 @@
+import { jsxs as t, jsx as l, Fragment as K } from "react/jsx-runtime";
+import p from "../../../../../../../external/classnames/index.es.js";
+import { useId as Q, useState as w, useEffect as k, useMemo as U } from "react";
+import { Text as u } from "../../../../base/typography/text/text.es.js";
+import { Icon as W } from "../../../../base/icon/icon.es.js";
+import { Button as X } from "../../../../buttons/button/button.es.js";
+import { CollapseButton as Y } from "../../../../buttons/collapse-button/collapse-button.es.js";
+import { Separator as Z } from "../../../../misc/separator/separator.es.js";
+import { Popover as y } from "../../../../overlays/popover/popover.es.js";
+import { useHeaderProfile as ee } from "../header-profile/header-profile.es.js";
+import r from "./header-role.module.scss.es.js";
+import H from "./header-role-representatives.es.js";
+import { useLabels as oe } from "../../../../../providers/label-provider/use-labels.es.js";
+import le, { isBreakpointBelow as re } from "../../../../../helpers/hooks/use-breakpoint.es.js";
+const ie = (z) => {
+  const {
+    label: C,
+    showDescription: f = !0,
+    representatives: o,
+    isOrganization: T,
+    accordionLabels: a,
+    searchLabel: E,
+    organizationSearchLabel: V,
+    searchId: j,
+    onRoleSelectionToggle: _,
+    onRepresentativeChange: g,
+    showSearch: P,
+    searchClearable: $,
+    clearSearchOnSelect: A,
+    children: R,
+    showRoleSwitch: D,
+    noResultsContent: F
+  } = z, { getLabel: O } = oe(), m = Q(), [e, b] = w(o == null ? void 0 : o[0]), [n, N] = w(!1), [h, v] = w(""), s = ee();
+  k(() => {
+    if (!(o != null && o.length)) {
+      b(void 0);
+      return;
+    }
+    e && o.some((d) => d.id === e.id) || b(o[0]);
+  }, [o]), k(() => {
+    s && s.activeRoleId !== null && s.activeRoleId !== m && n && (N(!1), v(""));
+  }, [s == null ? void 0 : s.activeRoleId]);
+  const M = le(), q = re(M, "lg"), c = D ?? ((o == null ? void 0 : o.length) ?? 0) > 1, G = U(() => {
+    if (!o) return [];
+    if (!h) return o;
+    const i = h.toLowerCase();
+    return o.filter((d) => {
+      var L;
+      return d.name.toLowerCase().includes(i) || ((L = d.description) == null ? void 0 : L.toLowerCase().includes(i));
+    });
+  }, [o, h]), S = () => {
+    const i = !n;
+    N(i), _ == null || _(i), i && s && s.setActiveRoleId(m);
+  }, J = (i) => {
+    b(i), g == null || g(i);
+  }, I = `${m}-toggle`, x = `${m}-panel`, B = {
+    id: x,
+    toggleId: I,
+    representatives: G,
+    representative: e,
+    inputValue: h,
+    setInputValue: v,
+    setRepresentative: J,
+    setIsRoleSelectionOpen: N,
+    onRoleSelectionToggle: S,
+    isRoleSelectionOpen: n,
+    isOrganization: T,
+    searchLabel: E,
+    organizationSearchLabel: V,
+    searchId: j,
+    showSearch: P,
+    searchClearable: $,
+    clearSearchOnSelect: A,
+    noResultsContent: F
+  };
+  if (q) {
+    const i = (a == null ? void 0 : a.open) ?? O("header.role-selection"), d = (a == null ? void 0 : a.close) ?? O("header.role-selection.close");
+    return /* @__PURE__ */ t("div", { className: r["tedi-header-role__container"], children: [
+      /* @__PURE__ */ t(
+        "div",
+        {
+          className: p(r["tedi-header-role__content"], {
+            [r["tedi-header-role__content--has-representatives"]]: c
+          }),
+          children: [
+            /* @__PURE__ */ t(
+              "div",
+              {
+                className: p(r["tedi-header-role__content--body"], {
+                  [r["tedi-header-role__content--body-inline"]]: !c && f && (e == null ? void 0 : e.description)
+                }),
+                children: [
+                  /* @__PURE__ */ t("div", { className: r["tedi-header-role__content--title"], children: [
+                    C,
+                    /* @__PURE__ */ l(u, { modifiers: "bold", color: "secondary", children: e == null ? void 0 : e.name })
+                  ] }),
+                  f && (e == null ? void 0 : e.description) && /* @__PURE__ */ t(K, { children: [
+                    !c && /* @__PURE__ */ l(Z, { axis: "vertical" }),
+                    /* @__PURE__ */ l(u, { color: "secondary", children: e == null ? void 0 : e.description })
+                  ] })
+                ]
+              }
+            ),
+            c && /* @__PURE__ */ l(
+              Y,
+              {
+                id: I,
+                open: n,
+                onOpenChange: () => S(),
+                openText: i,
+                closeText: d,
+                underline: !1,
+                "aria-controls": x
+              }
+            )
+          ]
+        }
+      ),
+      c && (R ? /* @__PURE__ */ l(
+        "div",
+        {
+          id: x,
+          role: "region",
+          "aria-labelledby": I,
+          className: p(r["tedi-header-role__collapse"], {
+            [r["tedi-header-role__collapse--open"]]: n
+          }),
+          ...!n && { inert: "" },
+          children: /* @__PURE__ */ l("div", { className: r["tedi-header-role__collapse--items"], children: R })
+        }
+      ) : /* @__PURE__ */ l(H, { ...B, keepOpenOnSelect: !0 }))
+    ] });
+  }
+  return /* @__PURE__ */ t("div", { className: r["tedi-header-role"], children: [
+    /* @__PURE__ */ t("div", { className: r["tedi-header-role__label"], children: [
+      C,
+      f && !T && (e == null ? void 0 : e.description) && /* @__PURE__ */ l(u, { modifiers: "small", color: "secondary", children: e == null ? void 0 : e.description })
+    ] }),
+    c ? /* @__PURE__ */ t(y, { placement: "bottom", open: n, onToggle: S, withBorder: !0, children: [
+      /* @__PURE__ */ l(y.Trigger, { children: /* @__PURE__ */ l(X, { visualType: "link", underline: !1, children: /* @__PURE__ */ t("span", { className: r["tedi-header-role__value"], children: [
+        e == null ? void 0 : e.name,
+        /* @__PURE__ */ l(
+          W,
+          {
+            name: "expand_more",
+            size: 16,
+            color: "primary",
+            className: p(r["tedi-header-role__icon"], {
+              [r["tedi-header-role__icon--open"]]: n
+            })
+          }
+        )
+      ] }) }) }),
+      /* @__PURE__ */ l(y.Content, { children: R ?? /* @__PURE__ */ l(H, { ...B }) })
+    ] }) : /* @__PURE__ */ l("div", { className: r["tedi-header-role__value"], children: /* @__PURE__ */ l(u, { children: e == null ? void 0 : e.name }) })
+  ] });
+};
+ie.displayName = "Header.Role";
+export {
+  ie as HeaderRole,
+  ie as default
+};

package/src/tedi/components/layout/header/components/header-role/header-role.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-header-role":"tedi-header-role-d1675446","tedi-header-role__label":"tedi-header-role__label-e6f7ed51","tedi-header-role__value":"tedi-header-role__value-d8e89b78","tedi-header-role__icon":"tedi-header-role__icon-24868738","tedi-header-role__icon--open":"tedi-header-role__icon--open-a026f97f","tedi-header-role__list":"tedi-header-role__list-f1302eff","tedi-header-role__no-results":"tedi-header-role__no-results-1f294d89","tedi-header-role__item":"tedi-header-role__item-f9379b33","tedi-header-role__item-inner":"tedi-header-role__item-inner-c4f7c578","tedi-header-role__item-text":"tedi-header-role__item-text-335187c5","tedi-header-role__item--selected":"tedi-header-role__item--selected-12dbf0e6","tedi-header-role__container":"tedi-header-role__container-272727dc","tedi-header-role__content":"tedi-header-role__content-e3ee6eb3","tedi-header-role__content--has-representatives":"tedi-header-role__content--has-representatives-a6107eb1","tedi-header-role__content--body":"tedi-header-role__content--body-57cede78","tedi-header-role__content--body-inline":"tedi-header-role__content--body-inline-d0b84272","tedi-header-role__content--title":"tedi-header-role__content--title-db6bd1c9","tedi-header-role__collapse":"tedi-header-role__collapse-0afb84db","tedi-header-role__collapse--open":"tedi-header-role__collapse--open-fb93df39","tedi-header-role__collapse--items":"tedi-header-role__collapse--items-2f811563"};exports.default=e;

package/src/tedi/components/layout/header/components/header-role/header-role.module.scss.es.js

@@ -0,0 +1,25 @@
+const e = {
+  "tedi-header-role": "tedi-header-role-d1675446",
+  "tedi-header-role__label": "tedi-header-role__label-e6f7ed51",
+  "tedi-header-role__value": "tedi-header-role__value-d8e89b78",
+  "tedi-header-role__icon": "tedi-header-role__icon-24868738",
+  "tedi-header-role__icon--open": "tedi-header-role__icon--open-a026f97f",
+  "tedi-header-role__list": "tedi-header-role__list-f1302eff",
+  "tedi-header-role__no-results": "tedi-header-role__no-results-1f294d89",
+  "tedi-header-role__item": "tedi-header-role__item-f9379b33",
+  "tedi-header-role__item-inner": "tedi-header-role__item-inner-c4f7c578",
+  "tedi-header-role__item-text": "tedi-header-role__item-text-335187c5",
+  "tedi-header-role__item--selected": "tedi-header-role__item--selected-12dbf0e6",
+  "tedi-header-role__container": "tedi-header-role__container-272727dc",
+  "tedi-header-role__content": "tedi-header-role__content-e3ee6eb3",
+  "tedi-header-role__content--has-representatives": "tedi-header-role__content--has-representatives-a6107eb1",
+  "tedi-header-role__content--body": "tedi-header-role__content--body-57cede78",
+  "tedi-header-role__content--body-inline": "tedi-header-role__content--body-inline-d0b84272",
+  "tedi-header-role__content--title": "tedi-header-role__content--title-db6bd1c9",
+  "tedi-header-role__collapse": "tedi-header-role__collapse-0afb84db",
+  "tedi-header-role__collapse--open": "tedi-header-role__collapse--open-fb93df39",
+  "tedi-header-role__collapse--items": "tedi-header-role__collapse--items-2f811563"
+};
+export {
+  e as default
+};

package/src/tedi/components/layout/header/components/header-search/header-search.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("react"),p=require("../../../../base/icon/icon.cjs.js"),q=require("../../../../base/typography/text/text.cjs.js"),S=require("../../../../buttons/button/button.cjs.js"),b=require("../header-mobile-button/header-mobile-button.cjs.js"),l=require("./header-search.module.scss.cjs.js"),f=require("../../../../../helpers/hooks/use-breakpoint.cjs.js"),v=require("../../../../../providers/label-provider/use-labels.cjs.js"),d=m=>{const{children:i,mobileVariant:x="modal",mobileLabels:a,disabled:j=!1}=m,_=f.default(),g=f.isBreakpointBelow(_,"md"),{getLabel:s}=v.useLabels(),[n,t]=o.useState(!1),u=o.useRef(null),c=g&&x==="modal";return o.useEffect(()=>{c||t(!1)},[c]),o.useEffect(()=>{const r=u.current;if(!r)return;n&&!r.open?r.showModal():!n&&r.open&&r.close();const h=()=>t(!1);return r.addEventListener("close",h),()=>r.removeEventListener("close",h)},[n]),e.jsx(e.Fragment,{children:c?e.jsxs(e.Fragment,{children:[e.jsxs("dialog",{ref:u,className:l.default["tedi-header-search__modal"],"aria-label":(a==null?void 0:a.modalTitle)??s("header.search"),children:[e.jsxs("div",{className:l.default["tedi-header-search__modal-heading"],children:[e.jsx(q.Text,{modifiers:"h3",color:"secondary",children:(a==null?void 0:a.modalTitle)??s("header.search")}),e.jsx(S.Button,{onClick:()=>t(!1),className:l.default["tedi-header-search__button-close"],"aria-label":s("close"),noStyle:!0,children:e.jsx(p.Icon,{name:"close",size:24,color:"inherit"})})]}),e.jsx("div",{className:l.default["tedi-header-search__modal-body"],children:i})]}),e.jsx(b.default,{onClick:()=>t(r=>!r),icon:{name:"search",size:24,color:"inherit"},label:(a==null?void 0:a.button)??s("header.search"),disabled:j})]}):e.jsx(e.Fragment,{children:i})})};d.displayName="HeaderSearch";exports.HeaderSearch=d;exports.default=d;

package/src/tedi/components/layout/header/components/header-search/header-search.es.js

@@ -0,0 +1,60 @@
+import { jsx as r, Fragment as n, jsxs as d } from "react/jsx-runtime";
+import { useState as v, useRef as y, useEffect as f } from "react";
+import { Icon as B } from "../../../../base/icon/icon.es.js";
+import { Text as M } from "../../../../base/typography/text/text.es.js";
+import { Button as N } from "../../../../buttons/button/button.es.js";
+import w from "../header-mobile-button/header-mobile-button.es.js";
+import t from "./header-search.module.scss.es.js";
+import x, { isBreakpointBelow as S } from "../../../../../helpers/hooks/use-breakpoint.es.js";
+import { useLabels as b } from "../../../../../providers/label-provider/use-labels.es.js";
+const C = (p) => {
+  const { children: c, mobileVariant: u = "modal", mobileLabels: e, disabled: _ = !1 } = p, g = x(), k = S(g, "md"), { getLabel: a } = b(), [l, s] = v(!1), m = y(null), i = k && u === "modal";
+  return f(() => {
+    i || s(!1);
+  }, [i]), f(() => {
+    const o = m.current;
+    if (!o) return;
+    l && !o.open ? o.showModal() : !l && o.open && o.close();
+    const h = () => s(!1);
+    return o.addEventListener("close", h), () => o.removeEventListener("close", h);
+  }, [l]), /* @__PURE__ */ r(n, { children: i ? /* @__PURE__ */ d(n, { children: [
+    /* @__PURE__ */ d(
+      "dialog",
+      {
+        ref: m,
+        className: t["tedi-header-search__modal"],
+        "aria-label": (e == null ? void 0 : e.modalTitle) ?? a("header.search"),
+        children: [
+          /* @__PURE__ */ d("div", { className: t["tedi-header-search__modal-heading"], children: [
+            /* @__PURE__ */ r(M, { modifiers: "h3", color: "secondary", children: (e == null ? void 0 : e.modalTitle) ?? a("header.search") }),
+            /* @__PURE__ */ r(
+              N,
+              {
+                onClick: () => s(!1),
+                className: t["tedi-header-search__button-close"],
+                "aria-label": a("close"),
+                noStyle: !0,
+                children: /* @__PURE__ */ r(B, { name: "close", size: 24, color: "inherit" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r("div", { className: t["tedi-header-search__modal-body"], children: c })
+        ]
+      }
+    ),
+    /* @__PURE__ */ r(
+      w,
+      {
+        onClick: () => s((o) => !o),
+        icon: { name: "search", size: 24, color: "inherit" },
+        label: (e == null ? void 0 : e.button) ?? a("header.search"),
+        disabled: _
+      }
+    )
+  ] }) : /* @__PURE__ */ r(n, { children: c }) });
+};
+C.displayName = "HeaderSearch";
+export {
+  C as HeaderSearch,
+  C as default
+};

package/src/tedi/components/layout/header/components/header-search/header-search.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-header-search__modal":"tedi-header-search__modal-6d71d725","tedi-header-search__modal-heading":"tedi-header-search__modal-heading-160dc33f","tedi-header-search__modal-body":"tedi-header-search__modal-body-66902805","tedi-header-search__button-close":"tedi-header-search__button-close-558d8732"};exports.default=e;

package/src/tedi/components/layout/header/components/header-search/header-search.module.scss.es.js

@@ -0,0 +1,9 @@
+const e = {
+  "tedi-header-search__modal": "tedi-header-search__modal-6d71d725",
+  "tedi-header-search__modal-heading": "tedi-header-search__modal-heading-160dc33f",
+  "tedi-header-search__modal-body": "tedi-header-search__modal-body-66902805",
+  "tedi-header-search__button-close": "tedi-header-search__button-close-558d8732"
+};
+export {
+  e as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("../../../../../external/classnames/index.cjs.js"),H=require("../../../providers/theme-provider/theme-provider.cjs.js"),p=require("../../misc/print/print.cjs.js"),y=require("./components/header-language/header-language.cjs.js"),N=require("./components/header-login/header-login.cjs.js"),L=require("./components/header-logout/header-logout.cjs.js"),_=require("./components/header-profile/header-profile.cjs.js"),v=require("./components/header-role/header-role.cjs.js"),x=require("./components/header-search/header-search.cjs.js"),n=require("./header.module.scss.cjs.js"),q=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),f={"flex-start":"justify-content-start",center:"justify-content-center","flex-end":"justify-content-end","space-between":"justify-content-between","space-around":"justify-content-around","space-evenly":"justify-content-evenly"},e=r=>{const{children:o,toggle:a,top:s,bottom:i,className:l}=r,{getCurrentBreakpointProps:u}=q.useBreakpointProps(r.defaultServerBreakpoint),{topAlignment:c="space-between"}=u(r);return t.jsx(p.Print,{visibility:"hide",children:t.jsxs("header",{className:d.default(n.default["tedi-header"],l),children:[s&&t.jsx("div",{className:d.default(n.default["tedi-header__top"],f[c]),children:s}),t.jsxs("div",{className:n.default["tedi-header__main"],children:[a,t.jsx("div",{className:n.default["tedi-header__main--content"],children:o})]}),i&&t.jsx("div",{className:n.default["tedi-header__bottom"],children:i})]})})};e.displayName="Header";const h=r=>{const{logo:o,logoDark:a,href:s,showLogo:i=!0,className:l}=r,{theme:u}=H.useTheme(),c=u==="dark"&&a?a:o;if(!i)return null;const j=s?t.jsx("a",{href:s,children:c}):c;return t.jsx("div",{className:d.default(n.default["tedi-header__logo"],l),children:j})};h.displayName="Header.Logo";const g=r=>{const{children:o,className:a,alignment:s="center"}=r;return t.jsx("div",{className:d.default(n.default["tedi-header__center"],f[s],a),children:o})};g.displayName="Header.Center";const m=r=>{const{children:o,className:a}=r;return t.jsx("div",{className:d.default(n.default["tedi-header__actions"],a),children:o})};m.displayName="Header.Actions";e.Logo=h;e.Center=g;e.Actions=m;e.Language=y.HeaderLanguage;e.Login=N.HeaderLogin;e.Logout=L.HeaderLogout;e.Profile=_.HeaderProfile;e.Role=v.HeaderRole;e.Search=x.HeaderSearch;exports.Header=e;exports.HeaderActions=m;exports.HeaderCenter=g;exports.HeaderLogo=h;

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

@@ -0,0 +1,63 @@
+import { jsx as a, jsxs as h } from "react/jsx-runtime";
+import s from "../../../../../external/classnames/index.es.js";
+import { useTheme as y } from "../../../providers/theme-provider/theme-provider.es.js";
+import { Print as H } from "../../misc/print/print.es.js";
+import { HeaderLanguage as _ } from "./components/header-language/header-language.es.js";
+import { HeaderLogin as v } from "./components/header-login/header-login.es.js";
+import { HeaderLogout as L } from "./components/header-logout/header-logout.es.js";
+import { HeaderProfile as j } from "./components/header-profile/header-profile.es.js";
+import { HeaderRole as b } from "./components/header-role/header-role.es.js";
+import { HeaderSearch as k } from "./components/header-search/header-search.es.js";
+import o from "./header.module.scss.es.js";
+import { useBreakpointProps as x } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+const f = {
+  "flex-start": "justify-content-start",
+  center: "justify-content-center",
+  "flex-end": "justify-content-end",
+  "space-between": "justify-content-between",
+  "space-around": "justify-content-around",
+  "space-evenly": "justify-content-evenly"
+}, e = (t) => {
+  const { children: n, toggle: r, top: i, bottom: d, className: m } = t, { getCurrentBreakpointProps: l } = x(t.defaultServerBreakpoint), { topAlignment: c = "space-between" } = l(t);
+  return /* @__PURE__ */ a(H, { visibility: "hide", children: /* @__PURE__ */ h("header", { className: s(o["tedi-header"], m), children: [
+    i && /* @__PURE__ */ a("div", { className: s(o["tedi-header__top"], f[c]), children: i }),
+    /* @__PURE__ */ h("div", { className: o["tedi-header__main"], children: [
+      r,
+      /* @__PURE__ */ a("div", { className: o["tedi-header__main--content"], children: n })
+    ] }),
+    d && /* @__PURE__ */ a("div", { className: o["tedi-header__bottom"], children: d })
+  ] }) });
+};
+e.displayName = "Header";
+const p = (t) => {
+  const { logo: n, logoDark: r, href: i, showLogo: d = !0, className: m } = t, { theme: l } = y(), c = l === "dark" && r ? r : n;
+  if (!d) return null;
+  const N = i ? /* @__PURE__ */ a("a", { href: i, children: c }) : c;
+  return /* @__PURE__ */ a("div", { className: s(o["tedi-header__logo"], m), children: N });
+};
+p.displayName = "Header.Logo";
+const u = (t) => {
+  const { children: n, className: r, alignment: i = "center" } = t;
+  return /* @__PURE__ */ a("div", { className: s(o["tedi-header__center"], f[i], r), children: n });
+};
+u.displayName = "Header.Center";
+const g = (t) => {
+  const { children: n, className: r } = t;
+  return /* @__PURE__ */ a("div", { className: s(o["tedi-header__actions"], r), children: n });
+};
+g.displayName = "Header.Actions";
+e.Logo = p;
+e.Center = u;
+e.Actions = g;
+e.Language = _;
+e.Login = v;
+e.Logout = L;
+e.Profile = j;
+e.Role = b;
+e.Search = k;
+export {
+  e as Header,
+  g as HeaderActions,
+  u as HeaderCenter,
+  p as HeaderLogo
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-header":"tedi-header-43b23e0d","tedi-header__main":"tedi-header__main-7f808384","tedi-header__main--content":"tedi-header__main--content-e636714e","tedi-header__center":"tedi-header__center-7bc3bc64","tedi-header__actions":"tedi-header__actions-54b0f60e","tedi-header__logo":"tedi-header__logo-0970edf3","tedi-header__bottom":"tedi-header__bottom-17135a7f","tedi-header__top":"tedi-header__top-7cf13841"};exports.default=e;

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

@@ -0,0 +1,13 @@
+const e = {
+  "tedi-header": "tedi-header-43b23e0d",
+  "tedi-header__main": "tedi-header__main-7f808384",
+  "tedi-header__main--content": "tedi-header__main--content-e636714e",
+  "tedi-header__center": "tedi-header__center-7bc3bc64",
+  "tedi-header__actions": "tedi-header__actions-54b0f60e",
+  "tedi-header__logo": "tedi-header__logo-0970edf3",
+  "tedi-header__bottom": "tedi-header__bottom-17135a7f",
+  "tedi-header__top": "tedi-header__top-7cf13841"
+};
+export {
+  e as default
+};

package/src/tedi/components/layout/hide-at/hide-at.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../helpers/hooks/use-breakpoint.cjs.js"),r=({children:i,...n})=>{const s=t.default();return Object.entries(n).some(([u,o])=>o?!t.isBreakpointBelow(s,u):!1)?null:e.jsx(e.Fragment,{children:i})};r.displayName="HideAt";exports.HideAt=r;

package/src/tedi/components/layout/hide-at/hide-at.es.js

@@ -0,0 +1,10 @@
+import { jsx as n, Fragment as s } from "react/jsx-runtime";
+import u, { isBreakpointBelow as d } from "../../../helpers/hooks/use-breakpoint.es.js";
+const l = ({ children: e, ...r }) => {
+  const t = u();
+  return Object.entries(r).some(([o, i]) => i ? !d(t, o) : !1) ? null : /* @__PURE__ */ n(s, { children: e });
+};
+l.displayName = "HideAt";
+export {
+  l as HideAt
+};

package/src/tedi/components/layout/show-at/show-at.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../helpers/hooks/use-breakpoint.cjs.js"),r=({children:o,...n})=>{const s=t.default();return Object.entries(n).some(([u,i])=>i?!t.isBreakpointBelow(s,u):!1)?e.jsx(e.Fragment,{children:o}):null};r.displayName="ShowAt";exports.ShowAt=r;

package/src/tedi/components/layout/show-at/show-at.es.js

@@ -0,0 +1,10 @@
+import { jsx as s, Fragment as i } from "react/jsx-runtime";
+import u, { isBreakpointBelow as l } from "../../../helpers/hooks/use-breakpoint.es.js";
+const m = ({ children: r, ...o }) => {
+  const t = u();
+  return Object.entries(o).some(([e, n]) => n ? !l(t, e) : !1) ? /* @__PURE__ */ s(i, { children: r }) : null;
+};
+m.displayName = "ShowAt";
+export {
+  m as ShowAt
+};

package/src/tedi/components/loaders/spinner/spinner.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),u=require("../../../../../external/classnames/index.cjs.js"),e=require("./spinner.module.scss.cjs.js"),p=require("../../../providers/label-provider/use-labels.cjs.js"),f=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),m=s=>{const{getLabel:a}=p.useLabels(),{getCurrentBreakpointProps:l}=f.useBreakpointProps(s.defaultServerBreakpoint),{className:o,size:r=16,color:i="primary",label:c=a("spinner.loading"),position:t}=l(s),d=u.default(e.default["tedi-spinner"],o,t&&e.default[`tedi-spinner--${t}`],r&&e.default[`tedi-spinner--size-${r}`],i&&e.default[`tedi-spinner--color-${i}`]);return n.jsxs("span",{className:d,role:"status","aria-live":"polite","data-testid":"tedi-spinner",children:[n.jsx("svg",{viewBox:"22 22 44 44","aria-hidden":"true",children:n.jsx("circle",{className:e.default["tedi-spinner__inner"],cx:"44",cy:"44",r:"20",fill:"none"})}),n.jsx("span",{className:"sr-only",children:c})]})};exports.Spinner=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),p=require("../../../../../external/classnames/index.cjs.js"),e=require("./spinner.module.scss.cjs.js"),f=require("../../../providers/label-provider/use-labels.cjs.js"),v=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),m=r=>{const{getLabel:o}=f.useLabels(),{getCurrentBreakpointProps:l}=v.useBreakpointProps(r.defaultServerBreakpoint),{className:d,size:s=16,color:t="primary",label:c=o("spinner.loading"),position:a,decorative:i=!1}=l(r),u=p.default(e.default["tedi-spinner"],d,a&&e.default[`tedi-spinner--${a}`],s&&e.default[`tedi-spinner--size-${s}`],t&&e.default[`tedi-spinner--color-${t}`]);return n.jsxs("span",{className:u,role:i?void 0:"status","aria-live":i?void 0:"polite","aria-hidden":i||void 0,"data-testid":"tedi-spinner",children:[n.jsx("svg",{viewBox:"22 22 44 44","aria-hidden":"true",children:n.jsx("circle",{className:e.default["tedi-spinner__inner"],cx:"44",cy:"44",r:"20",fill:"none"})}),!i&&n.jsx("span",{className:"sr-only",children:c})]})};exports.Spinner=m;

package/src/tedi/components/loaders/spinner/spinner.d.ts

@@ -33,6 +33,13 @@ export interface SpinnerProps extends BreakpointSupport<SpinnerBreakpointProps>
      * Provides a text label for screen readers to announce the spinner's purpose or status.
      */
     label?: string;
+    /**
+     * Renders the spinner as purely decorative — no `role="status"` live region and
+     * no screen-reader label. Use when the loading state is already announced by an
+     * ancestor (e.g. a button's `aria-busy`), so it isn't announced twice.
+     * @default false
+     */
+    decorative?: boolean;
 }
 export declare const Spinner: (props: SpinnerProps) => JSX.Element;
 export {};

package/src/tedi/components/loaders/spinner/spinner.es.js

@@ -1,27 +1,38 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import d from "../../../../../external/classnames/index.es.js";
+import f from "../../../../../external/classnames/index.es.js";
 import e from "./spinner.module.scss.es.js";
-import { useLabels as f } from "../../../providers/label-provider/use-labels.es.js";
+import { useLabels as v } from "../../../providers/label-provider/use-labels.es.js";
 import { useBreakpointProps as u } from "../../../helpers/hooks/use-breakpoint-props.es.js";
-const v = (s) => {
-  const { getLabel: o } = f(), { getCurrentBreakpointProps: a } = u(s.defaultServerBreakpoint), {
-    className: l,
-    size: i = 16,
-    color: n = "primary",
-    label: p = o("spinner.loading"),
-    position: t
-  } = a(s), c = d(
+const y = (s) => {
+  const { getLabel: a } = v(), { getCurrentBreakpointProps: l } = u(s.defaultServerBreakpoint), {
+    className: p,
+    size: n = 16,
+    color: o = "primary",
+    label: d = a("spinner.loading"),
+    position: t,
+    decorative: i = !1
+  } = l(s), c = f(
     e["tedi-spinner"],
-    l,
+    p,
     t && e[`tedi-spinner--${t}`],
-    i && e[`tedi-spinner--size-${i}`],
-    n && e[`tedi-spinner--color-${n}`]
+    n && e[`tedi-spinner--size-${n}`],
+    o && e[`tedi-spinner--color-${o}`]
+  );
+  return /* @__PURE__ */ m(
+    "span",
+    {
+      className: c,
+      role: i ? void 0 : "status",
+      "aria-live": i ? void 0 : "polite",
+      "aria-hidden": i || void 0,
+      "data-testid": "tedi-spinner",
+      children: [
+        /* @__PURE__ */ r("svg", { viewBox: "22 22 44 44", "aria-hidden": "true", children: /* @__PURE__ */ r("circle", { className: e["tedi-spinner__inner"], cx: "44", cy: "44", r: "20", fill: "none" }) }),
+        !i && /* @__PURE__ */ r("span", { className: "sr-only", children: d })
+      ]
+    }
   );
-  return /* @__PURE__ */ m("span", { className: c, role: "status", "aria-live": "polite", "data-testid": "tedi-spinner", children: [
-    /* @__PURE__ */ r("svg", { viewBox: "22 22 44 44", "aria-hidden": "true", children: /* @__PURE__ */ r("circle", { className: e["tedi-spinner__inner"], cx: "44", cy: "44", r: "20", fill: "none" }) }),
-    /* @__PURE__ */ r("span", { className: "sr-only", children: p })
-  ] });
 };
 export {
-  v as Spinner
+  y as Spinner
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),c=require("react"),f=require("../dropdown-context.cjs.js"),g=({children:e})=>{const{refs:r,getReferenceProps:o}=f.useDropdownContext(),t=e.ref??null,n=s.useMergeRefs([r.setReference,t]);return c.cloneElement(e,o({...e.props,ref:n}))};exports.DropdownTrigger=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),c=require("react"),g=require("../../../../helpers/get-element-ref.cjs.js"),f=require("../dropdown-context.cjs.js"),i=({children:e})=>{const{refs:r,getReferenceProps:t}=f.useDropdownContext(),o=g.getElementRef(e),n=s.useMergeRefs([r.setReference,o]);return c.cloneElement(e,t({...e.props,ref:n}))};exports.DropdownTrigger=i;

package/src/tedi/components/overlays/dropdown/dropdown-trigger/dropdown-trigger.es.js

@@ -1,16 +1,17 @@
-import { useMergeRefs as n } from "../../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
-import { cloneElement as s } from "react";
+import { useMergeRefs as m } from "../../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
+import { cloneElement as n } from "react";
+import { getElementRef as s } from "../../../../helpers/get-element-ref.es.js";
 import { useDropdownContext as p } from "../dropdown-context.es.js";
-const R = ({ children: e }) => {
-  const { refs: r, getReferenceProps: o } = p(), t = e.ref ?? null, f = n([r.setReference, t]);
-  return s(
+const u = ({ children: e }) => {
+  const { refs: o, getReferenceProps: r } = p(), t = s(e), f = m([o.setReference, t]);
+  return n(
     e,
-    o({
+    r({
       ...e.props,
       ref: f
     })
   );
 };
 export {
-  R as DropdownTrigger
+  u as DropdownTrigger
 };

package/src/tedi/components/overlays/modal/modal-trigger/modal-trigger.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),c=require("../modal-context.cjs.js"),g=(...e)=>o=>{for(const r of e)r&&(typeof r=="function"?r(o):r.current=o)},t=({children:e})=>{const{getReferenceProps:o,reference:r}=c.useModalContext(),n=e.ref??e.props.ref,s=g(r,n);return f.cloneElement(e,o({ref:s,...e.props}))};t.displayName="Modal.Trigger";exports.ModalTrigger=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),f=require("../../../../helpers/get-element-ref.cjs.js"),g=require("../modal-context.cjs.js"),i=(...t)=>r=>{for(const e of t)e&&(typeof e=="function"?e(r):e.current=r)},o=({children:t})=>{const{getReferenceProps:r,reference:e}=g.useModalContext(),n=f.getElementRef(t),s=i(e,n);return c.cloneElement(t,r({...t.props,ref:s}))};o.displayName="Modal.Trigger";exports.ModalTrigger=o;

package/src/tedi/components/overlays/modal/modal-trigger/modal-trigger.es.js

@@ -1,13 +1,14 @@
 import { cloneElement as n } from "react";
-import { useModalContext as s } from "../modal-context.es.js";
-const p = (...e) => (r) => {
-  for (const o of e)
-    o && (typeof o == "function" ? o(r) : o.current = r);
-}, c = ({ children: e }) => {
-  const { getReferenceProps: r, reference: o } = s(), t = e.ref ?? e.props.ref, f = p(o, t);
-  return n(e, r({ ref: f, ...e.props }));
+import { getElementRef as s } from "../../../../helpers/get-element-ref.es.js";
+import { useModalContext as m } from "../modal-context.es.js";
+const c = (...o) => (r) => {
+  for (const e of o)
+    e && (typeof e == "function" ? e(r) : e.current = r);
+}, i = ({ children: o }) => {
+  const { getReferenceProps: r, reference: e } = m(), t = s(o), f = c(e, t);
+  return n(o, r({ ...o.props, ref: f }));
 };
-c.displayName = "Modal.Trigger";
+i.displayName = "Modal.Trigger";
 export {
-  c as ModalTrigger
+  i as ModalTrigger
 };

package/src/tedi/components/overlays/overlay/overlay-content.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),s=require("react"),q=require("./overlay.cjs.js"),C=u=>{const{children:y,classNames:e,labelledBy:f,describedBy:m}=u,{open:l,x:g,y:h,strategy:b,focusManager:o,floating:v,arrowRef:x,getFloatingProps:w,placement:p,context:i,arrow:t,scrollLock:c,contentId:j,role:F}=s.useContext(q.OverlayContext);if(s.useEffect(()=>{c&&(l?(document.documentElement.style.overflow="hidden",document.documentElement.scrollHeight>window.innerHeight&&(document.body.style.overflow="scroll")):(document.documentElement.style.overflow="",document.body.style.overflow=""))},[l,c]),!l)return null;const a=n.jsxs("div",{...w({ref:v,tabIndex:-1,id:j,"aria-labelledby":f,"aria-describedby":m,style:{position:b,left:g,top:h},className:e==null?void 0:e.content}),"data-placement":p,"data-testid":"overlay-content",children:[n.jsx(r.FloatingArrow,{ref:d=>x.current=d,context:i,className:e==null?void 0:e.arrow,height:t==null?void 0:t.height,width:t==null?void 0:t.width,"data-testid":"overlay-arrow"}),y]});return n.jsx(r.FloatingPortal,{children:F==="tooltip"?a:n.jsx(r.FloatingFocusManager,{modal:(o==null?void 0:o.modal)||!1,...o,context:i,children:a})})};exports.OverlayContent=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),s=require("react"),C=require("./overlay.cjs.js"),E=u=>{const{children:y,classNames:e,labelledBy:f,describedBy:h}=u,{open:l,x:m,y:g,strategy:b,focusManager:o,floating:v,arrowRef:x,getFloatingProps:w,placement:p,context:i,arrow:t,scrollLock:d,contentId:j,role:F,ariaHidden:q}=s.useContext(C.OverlayContext);if(s.useEffect(()=>{d&&(l?(document.documentElement.style.overflow="hidden",document.documentElement.scrollHeight>window.innerHeight&&(document.body.style.overflow="scroll")):(document.documentElement.style.overflow="",document.body.style.overflow=""))},[l,d]),!l)return null;const a=n.jsxs("div",{...w({ref:v,tabIndex:-1,id:j,"aria-hidden":q||void 0,"aria-labelledby":f,"aria-describedby":h,style:{position:b,left:m,top:g},className:e==null?void 0:e.content}),"data-placement":p,"data-testid":"overlay-content",children:[n.jsx(r.FloatingArrow,{ref:c=>x.current=c,context:i,className:e==null?void 0:e.arrow,height:t==null?void 0:t.height,width:t==null?void 0:t.width,"data-testid":"overlay-arrow"}),y]});return n.jsx(r.FloatingPortal,{children:F==="tooltip"?a:n.jsx(r.FloatingFocusManager,{modal:(o==null?void 0:o.modal)||!1,...o,context:i,children:a})})};exports.OverlayContent=E;

package/src/tedi/components/overlays/overlay/overlay-content.es.js

@@ -1,8 +1,8 @@
-import { jsxs as F, jsx as n } from "react/jsx-runtime";
-import { FloatingArrow as E, FloatingPortal as C, FloatingFocusManager as j } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
-import { useContext as B, useEffect as H } from "react";
-import { OverlayContext as I } from "./overlay.es.js";
-const A = (c) => {
+import { jsxs as E, jsx as n } from "react/jsx-runtime";
+import { FloatingArrow as C, FloatingPortal as H, FloatingFocusManager as j } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
+import { useContext as B, useEffect as I } from "react";
+import { OverlayContext as O } from "./overlay.es.js";
+const L = (c) => {
   const { children: s, classNames: e, labelledBy: m, describedBy: f } = c, {
     open: l,
     x: y,
@@ -17,18 +17,20 @@ const A = (c) => {
     arrow: t,
     scrollLock: i,
     contentId: w,
-    role: x
-  } = B(I);
-  if (H(() => {
+    role: x,
+    ariaHidden: F
+  } = B(O);
+  if (I(() => {
     i && (l ? (document.documentElement.style.overflow = "hidden", document.documentElement.scrollHeight > window.innerHeight && (document.body.style.overflow = "scroll")) : (document.documentElement.style.overflow = "", document.body.style.overflow = ""));
   }, [l, i]), !l) return null;
-  const d = /* @__PURE__ */ F(
+  const d = /* @__PURE__ */ E(
     "div",
     {
       ...b({
         ref: g,
         tabIndex: -1,
         id: w,
+        "aria-hidden": F || void 0,
         "aria-labelledby": m,
         "aria-describedby": f,
         style: {
@@ -42,7 +44,7 @@ const A = (c) => {
       "data-testid": "overlay-content",
       children: [
         /* @__PURE__ */ n(
-          E,
+          C,
           {
             ref: (a) => p.current = a,
             context: r,
@@ -56,8 +58,8 @@ const A = (c) => {
       ]
     }
   );
-  return /* @__PURE__ */ n(C, { children: x === "tooltip" ? d : /* @__PURE__ */ n(j, { modal: (o == null ? void 0 : o.modal) || !1, ...o, context: r, children: d }) });
+  return /* @__PURE__ */ n(H, { children: x === "tooltip" ? d : /* @__PURE__ */ n(j, { modal: (o == null ? void 0 : o.modal) || !1, ...o, context: r, children: d }) });
 };
 export {
-  A as OverlayContent
+  L as OverlayContent
 };

package/src/tedi/components/overlays/overlay/overlay-trigger.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react/jsx-runtime"),y=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),b=require("../../../../../external/classnames/index.cjs.js"),r=require("react"),p=require("../../base/icon/icon.cjs.js"),x=require("./overlay.cjs.js"),t=require("./overlay.module.scss.cjs.js"),q=require("../../../providers/label-provider/use-labels.cjs.js"),_=s=>{const{children:e,className:l}=s,{getLabel:c}=q.useLabels(),{getReferenceProps:o,reference:a,openWith:u,open:d,role:g,contentId:f}=r.useContext(x.OverlayContext),i=y.useMergeRefs([a,e.ref]),n=g==="tooltip"?{"aria-describedby":d?f:void 0}:{};return r.isValidElement(e)?r.cloneElement(e,o({ref:i,tabIndex:0,...n,label:e.type===p.Icon?c("tooltip.icon-trigger"):void 0,...e.props})):v.jsx("div",{...o({ref:i,tabIndex:0,className:b.default(t.default["tedi-overlay__trigger"],t.default["tedi-overlay__trigger--text"],{[t.default["tedi-overlay__trigger--click"]]:u==="click"},l),...n}),children:e})};exports.OverlayTrigger=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),m=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),p=require("../../../../../external/classnames/index.cjs.js"),t=require("react"),q=require("../../../helpers/get-element-ref.cjs.js"),x=require("../../base/icon/icon.cjs.js"),_=require("./overlay.cjs.js"),r=require("./overlay.module.scss.cjs.js"),R=require("../../../providers/label-provider/use-labels.cjs.js"),E=l=>{const{children:e,className:s}=l,{getLabel:c}=R.useLabels(),{getReferenceProps:i,reference:a,openWith:d,open:u,role:g,ariaHidden:f,contentId:v}=t.useContext(_.OverlayContext),y=t.isValidElement(e)?q.getElementRef(e):void 0,o=m.useMergeRefs([a,y]),n=g==="tooltip"&&!f?{"aria-describedby":u?v:void 0}:{};return t.isValidElement(e)?t.cloneElement(e,i({tabIndex:0,...n,label:e.type===x.Icon?c("tooltip.icon-trigger"):void 0,...e.props,ref:o})):b.jsx("div",{...i({ref:o,tabIndex:0,className:p.default(r.default["tedi-overlay__trigger"],r.default["tedi-overlay__trigger--text"],{[r.default["tedi-overlay__trigger--click"]]:d==="click"},s),...n}),children:e})};exports.OverlayTrigger=E;