@tedi-design-system/react 18.1.0-rc.2 → 18.1.0-rc.20

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

@@ -0,0 +1,89 @@
+import { jsx as l, jsxs as t } from "react/jsx-runtime";
+import u from "../../../../../../../external/classnames/index.es.js";
+import H, { useId as V } from "react";
+import { Icon as w } from "../../../../base/icon/icon.es.js";
+import { Text as f } from "../../../../base/typography/text/text.es.js";
+import { Button as B } from "../../../../buttons/button/button.es.js";
+import { Search as F } from "../../../../form/search/search.es.js";
+import { Separator as q } from "../../../../misc/separator/separator.es.js";
+import r from "./header-role.module.scss.es.js";
+import { useLabels as A } from "../../../../../providers/label-provider/use-labels.es.js";
+const D = (a) => a ? typeof a == "string" ? { name: a } : a : null, E = (a) => {
+  const {
+    id: _,
+    toggleId: S,
+    representatives: d,
+    inputValue: g,
+    setInputValue: m,
+    setRepresentative: v,
+    setIsRoleSelectionOpen: b,
+    onRoleSelectionToggle: h,
+    isRoleSelectionOpen: o,
+    representative: i,
+    isOrganization: R,
+    searchLabel: N,
+    organizationSearchLabel: y,
+    searchId: I,
+    keepOpenOnSelect: L,
+    showSearch: p = !1,
+    searchClearable: O = !1,
+    clearSearchOnSelect: x = !0,
+    noResultsContent: z
+  } = a, { getLabel: s } = A(), C = R ? y ?? s("header.role-selection.search.organizationLabel") : N ?? s("header.role-selection.search.label"), T = (e) => {
+    v(e), x && m(""), L || (o && h ? h() : b(!1));
+  }, j = V();
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      id: _,
+      role: "region",
+      "aria-labelledby": S,
+      className: u(r["tedi-header-role__collapse"], {
+        [r["tedi-header-role__collapse--open"]]: o
+      }),
+      ...!o && { inert: "" },
+      children: /* @__PURE__ */ l("div", { className: r["tedi-header-role__collapse--items"], children: /* @__PURE__ */ t("div", { className: r["tedi-header-role__list"], children: [
+        p && /* @__PURE__ */ l(
+          F,
+          {
+            id: I ?? j,
+            value: g,
+            onChange: (e) => m(e),
+            label: C,
+            isClearable: O
+          }
+        ),
+        d.length === 0 && (z ?? /* @__PURE__ */ l(f, { className: r["tedi-header-role__no-results"], color: "secondary", children: s("header.role-selection.no-results") })),
+        d.map((e, k) => {
+          const n = (i == null ? void 0 : i.id) === e.id, c = D(e.icon);
+          return /* @__PURE__ */ t(H.Fragment, { children: [
+            (p || k !== 0) && /* @__PURE__ */ l(q, {}),
+            /* @__PURE__ */ l(
+              B,
+              {
+                onClick: () => T(e),
+                visualType: n ? "primary" : "neutral",
+                "aria-current": n || void 0,
+                className: u(r["tedi-header-role__item"], {
+                  [r["tedi-header-role__item--selected"]]: n
+                }),
+                noStyle: !0,
+                children: /* @__PURE__ */ t("div", { className: r["tedi-header-role__item-inner"], children: [
+                  c && /* @__PURE__ */ l(w, { name: c.name, size: c.size, color: "inherit" }),
+                  /* @__PURE__ */ t("div", { className: r["tedi-header-role__item-text"], children: [
+                    e.name,
+                    /* @__PURE__ */ l(f, { modifiers: "small", children: e.description })
+                  ] })
+                ] })
+              }
+            )
+          ] }, e.id);
+        })
+      ] }) })
+    }
+  );
+};
+E.displayName = "HeaderRoleRepresentatives";
+export {
+  E as default
+};

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

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

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/tags/tag/tag.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),g=require("../../../../../external/classnames/index.cjs.js"),f=require("../../base/icon/icon.cjs.js"),m=require("../../buttons/closing-button/closing-button.cjs.js"),_=require("../../loaders/spinner/spinner.cjs.js"),j=require("../../misc/ellipsis/ellipsis.cjs.js"),e=require("./tag.module.scss.cjs.js"),x=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),q=l=>{const{getCurrentBreakpointProps:n}=x.useBreakpointProps(l.defaultServerBreakpoint),{children:o,className:c,onClose:s,closeButtonProps:d,isLoading:i=!1,color:a="primary",ellipsis:r=!1,...u}=n(l),p=g.default(e.default["tedi-tag"],a&&e.default[`tedi-tag--color-${a}`],s&&!i&&e.default["tedi-tag__close"],r!==!1&&e.default["tedi-tag--ellipsis"],c);return t.jsxs("div",{className:p,role:"status","aria-live":i?"polite":void 0,...u,children:[a==="danger"&&t.jsx("div",{className:e.default["tedi-tag__icon-wrapper"],children:t.jsx(f.Icon,{name:"info",color:"danger",size:16,className:e.default["tedi-tag__icon--error"]})}),t.jsx("div",{className:e.default["tedi-tag__content"],children:r!==!1?t.jsx(j.Ellipsis,{position:r==="start"?"start":"end",lineClamp:1,children:o}):o}),i&&!s&&t.jsx("div",{className:e.default["tedi-tag__icon-wrapper"],children:t.jsx(_.Spinner,{className:e.default["tedi-tag__loader"]})}),!i&&s&&t.jsx(m.ClosingButton,{iconSize:18,...d,onClick:s})]})};exports.Tag=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),m=require("../../base/icon/icon.cjs.js"),_=require("../../buttons/closing-button/closing-button.cjs.js"),j=require("../../loaders/spinner/spinner.cjs.js"),x=require("../../misc/ellipsis/ellipsis.cjs.js"),e=require("./tag.module.scss.cjs.js"),q=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),v=l=>{const{getCurrentBreakpointProps:n}=q.useBreakpointProps(l.defaultServerBreakpoint),{children:o,className:c,onClose:s,closeButtonProps:d,isLoading:i=!1,color:a="primary",ellipsis:r=!1,role:u="status",...p}=n(l),g=f.default(e.default["tedi-tag"],a&&e.default[`tedi-tag--color-${a}`],s&&!i&&e.default["tedi-tag__close"],r!==!1&&e.default["tedi-tag--ellipsis"],c);return t.jsxs("div",{className:g,role:u,"aria-live":i?"polite":void 0,...p,children:[a==="danger"&&t.jsx("div",{className:e.default["tedi-tag__icon-wrapper"],children:t.jsx(m.Icon,{name:"info",color:"danger",size:16,className:e.default["tedi-tag__icon--error"]})}),t.jsx("div",{className:e.default["tedi-tag__content"],children:r!==!1?t.jsx(x.Ellipsis,{position:r==="start"?"start":"end",lineClamp:1,children:o}):o}),i&&!s&&t.jsx("div",{className:e.default["tedi-tag__icon-wrapper"],children:t.jsx(j.Spinner,{className:e.default["tedi-tag__loader"]})}),!i&&s&&t.jsx(_.ClosingButton,{iconSize:18,...d,onClick:s})]})};exports.Tag=v;

package/src/tedi/components/tags/tag/tag.d.ts

@@ -47,6 +47,15 @@ export interface TagProps extends BreakpointSupport<TagBreakpointProps> {
      * @default false
      */
     isLoading?: boolean;
+    /**
+     * Overrides the Tag's implicit live-region role. Tags default to `role="status"`
+     * so they are announced by assistive tech. When a Tag is rendered as static
+     * content inside a list — and additions/removals are announced elsewhere — pass
+     * e.g. `role="presentation"` so it is not read as a live status, which otherwise
+     * makes some screen readers (e.g. JAWS) announce the content twice on focus.
+     * @default 'status'
+     */
+    role?: React.AriaRole;
 }
 export declare const Tag: (props: TagProps) => JSX.Element;
 export {};

package/src/tedi/components/tags/tag/tag.es.js

@@ -1,13 +1,13 @@
-import { jsxs as g, jsx as i } from "react/jsx-runtime";
-import f from "../../../../../external/classnames/index.es.js";
-import { Icon as _ } from "../../base/icon/icon.es.js";
-import { ClosingButton as N } from "../../buttons/closing-button/closing-button.es.js";
-import { Spinner as u } from "../../loaders/spinner/spinner.es.js";
-import { Ellipsis as v } from "../../misc/ellipsis/ellipsis.es.js";
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import _ from "../../../../../external/classnames/index.es.js";
+import { Icon as N } from "../../base/icon/icon.es.js";
+import { ClosingButton as u } from "../../buttons/closing-button/closing-button.es.js";
+import { Spinner as v } from "../../loaders/spinner/spinner.es.js";
+import { Ellipsis as B } from "../../misc/ellipsis/ellipsis.es.js";
 import e from "./tag.module.scss.es.js";
-import { useBreakpointProps as B } from "../../../helpers/hooks/use-breakpoint-props.es.js";
-const y = (a) => {
-  const { getCurrentBreakpointProps: n } = B(a.defaultServerBreakpoint), {
+import { useBreakpointProps as h } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+const z = (a) => {
+  const { getCurrentBreakpointProps: n } = h(a.defaultServerBreakpoint), {
     children: l,
     className: c,
     onClose: o,
@@ -15,21 +15,22 @@ const y = (a) => {
     isLoading: t = !1,
     color: r = "primary",
     ellipsis: s = !1,
-    ...d
-  } = n(a), p = f(
+    role: d = "status",
+    ...p
+  } = n(a), g = _(
     e["tedi-tag"],
     r && e[`tedi-tag--color-${r}`],
     o && !t && e["tedi-tag__close"],
     s !== !1 && e["tedi-tag--ellipsis"],
     c
   );
-  return /* @__PURE__ */ g("div", { className: p, role: "status", "aria-live": t ? "polite" : void 0, ...d, children: [
-    r === "danger" && /* @__PURE__ */ i("div", { className: e["tedi-tag__icon-wrapper"], children: /* @__PURE__ */ i(_, { name: "info", color: "danger", size: 16, className: e["tedi-tag__icon--error"] }) }),
-    /* @__PURE__ */ i("div", { className: e["tedi-tag__content"], children: s !== !1 ? /* @__PURE__ */ i(v, { position: s === "start" ? "start" : "end", lineClamp: 1, children: l }) : l }),
-    t && !o && /* @__PURE__ */ i("div", { className: e["tedi-tag__icon-wrapper"], children: /* @__PURE__ */ i(u, { className: e["tedi-tag__loader"] }) }),
-    !t && o && /* @__PURE__ */ i(N, { iconSize: 18, ...m, onClick: o })
+  return /* @__PURE__ */ f("div", { className: g, role: d, "aria-live": t ? "polite" : void 0, ...p, children: [
+    r === "danger" && /* @__PURE__ */ i("div", { className: e["tedi-tag__icon-wrapper"], children: /* @__PURE__ */ i(N, { name: "info", color: "danger", size: 16, className: e["tedi-tag__icon--error"] }) }),
+    /* @__PURE__ */ i("div", { className: e["tedi-tag__content"], children: s !== !1 ? /* @__PURE__ */ i(B, { position: s === "start" ? "start" : "end", lineClamp: 1, children: l }) : l }),
+    t && !o && /* @__PURE__ */ i("div", { className: e["tedi-tag__icon-wrapper"], children: /* @__PURE__ */ i(v, { className: e["tedi-tag__loader"] }) }),
+    !t && o && /* @__PURE__ */ i(u, { iconSize: 18, ...m, onClick: o })
   ] });
 };
 export {
-  y as Tag
+  z as Tag
 };

package/src/tedi/helpers/hooks/use-file-upload.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),A=require("../../providers/label-provider/use-labels.cjs.js"),$=({accept:g,maxSize:r},o)=>{if(!g&&!r)return;const a=[g&&`${o("file-upload.accept")} ${g.replaceAll(",",", ")}`,r&&`${o("file-upload.max-size")} ${r}MB`].filter(Boolean).join(". ");return a.length?{text:a}:void 0},H=()=>`${Date.now()}-${Math.random().toString(36).slice(2)}`,I=g=>{const{getLabel:r}=A.useLabels(),{accept:o,maxSize:a,multiple:w=!1,validateIndividually:E=!1,defaultFiles:S=[],onChange:u,onDelete:f,files:x,announcementTimeout:T=5e3}=g,F=x!==void 0,[b,j]=m.useState(S),p=F?x:b,[L,h]=m.useState($({accept:o,maxSize:a},r)),[R,M]=m.useState(""),y=m.useRef(!0);m.useEffect(()=>()=>{y.current=!1},[]);const d=m.useRef(null),U=s=>{var n;if(!o)return!0;const l=o.split(",").map(e=>e.trim().toLowerCase()),t=s.name.includes(".")?`.${(n=s.name.split(".").pop())==null?void 0:n.toLowerCase()}`:"",i=s.type.toLowerCase();return l.includes(t)||l.includes(i)},V=s=>{const l=s.reduce((t,{type:i,file:n})=>(t[i].push(n.name),t),{extension:[],size:[]});return Object.entries(l).filter(([t,i])=>i.length).map(([t,i])=>{const n=i.map(e=>`'${e}'`).join(", ");return r(`file-upload.${t}-rejected`,n)}).join(". ")};return{innerFiles:p,uploadErrorHelper:L,onFileChange:s=>{if(s.target.files){const l=Array.from(s.target.files),t=[],i=l.map(e=>{const c=U(e),v=!a||e.size<=a*1024**2;c||t.push({type:"extension",file:e}),v||t.push({type:"size",file:e});const z=new File([e],e.name,{type:e.type,lastModified:e.lastModified});return Object.assign(z,{id:H(),isLoading:!1,isValid:c&&v})});let n=[];if(!w&&i.length>0)i[0].isValid&&(n=[i[0]]);else if(E)n=[...p,...i];else{const e=i.filter(c=>c.isValid);e.length>0&&(n=[...p,...e])}if(n.length>0&&(F||j(n),u==null||u(n),t.length===0)){const e=n.length-p.length,c=r("file-upload.success-added",e.toString())||`${e} file(s) added successfully`;y.current&&M(c)}if(t.length){const e=t.map(v=>v.file.name).join(", "),c=r("file-upload.failed-some",e)||`Upload failed for: ${e}`;y.current&&M(c),h({type:"error",text:V(t)})}else h($({accept:o,maxSize:a},r));setTimeout(()=>{y.current&&M("")},T),d.current&&(d.current.value="")}},onFileRemove:s=>{const l=p.filter(t=>t!==s);F||j(l),f==null||f(s),u==null||u(l),l.length===0&&h($({accept:o,maxSize:a},r)),d.current&&(d.current.value="")},handleClear:()=>{const s=[...p];return s.forEach(l=>f==null?void 0:f(l)),F||j([]),u==null||u([]),h($({accept:o,maxSize:a},r)),d.current&&(d.current.value=""),s},fileInputRef:d,announcement:R}};exports.useFileUpload=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),z=require("../../providers/label-provider/use-labels.cjs.js"),j=({accept:F,maxSize:s},o)=>{if(!F&&!s)return;const u=[F&&`${o("file-upload.accept")} ${F.replaceAll(",",", ")}`,s&&`${o("file-upload.max-size")} ${s}MB`].filter(Boolean).join(". ");return u.length?{text:u}:void 0},I=()=>`${Date.now()}-${Math.random().toString(36).slice(2)}`,O=100,_=F=>{const{getLabel:s}=z.useLabels(),{accept:o,maxSize:u,multiple:w=!1,validateIndividually:b=!1,defaultFiles:L=[],onChange:c,onDelete:f,files:R,announcementTimeout:S=5e3}=F,h=R!==void 0,[A,x]=a.useState(L),p=h?R:A,[C,y]=a.useState(j({accept:o,maxSize:u},s)),[H,M]=a.useState(""),v=a.useRef(!0),g=a.useRef(),T=a.useRef();a.useEffect(()=>()=>{v.current=!1,g.current&&clearTimeout(g.current),T.current&&clearTimeout(T.current)},[]);const E=a.useCallback(t=>{!t||!v.current||(M(""),g.current&&clearTimeout(g.current),T.current&&clearTimeout(T.current),g.current=setTimeout(()=>{v.current&&(M(t),T.current=setTimeout(()=>{v.current&&M("")},S))},O))},[S]),d=a.useRef(null),N=t=>{var n;if(!o)return!0;const l=o.split(",").map(e=>e.trim().toLowerCase()),r=t.name.includes(".")?`.${(n=t.name.split(".").pop())==null?void 0:n.toLowerCase()}`:"",i=t.type.toLowerCase();return l.includes(r)||l.includes(i)},U=t=>{const l=t.reduce((r,{type:i,file:n})=>(r[i].push(n.name),r),{extension:[],size:[]});return Object.entries(l).filter(([r,i])=>i.length).map(([r,i])=>{const n=i.map(e=>`'${e}'`).join(", ");return s(`file-upload.${r}-rejected`,n)}).join(". ")};return{innerFiles:p,uploadErrorHelper:C,onFileChange:t=>{if(t.target.files){const l=Array.from(t.target.files),r=[],i=l.map(e=>{const m=N(e),$=!u||e.size<=u*1024**2;m||r.push({type:"extension",file:e}),$||r.push({type:"size",file:e});const V=new File([e],e.name,{type:e.type,lastModified:e.lastModified});return Object.assign(V,{id:I(),isLoading:!1,isValid:m&&$})});let n=[];if(!w&&i.length>0)i[0].isValid&&(n=[i[0]]);else if(b)n=[...p,...i];else{const e=i.filter(m=>m.isValid);e.length>0&&(n=[...p,...e])}if(n.length>0&&(h||x(n),c==null||c(n)),r.length){const e=U(r);y({type:"error",text:e}),E(e)}else if(y(j({accept:o,maxSize:u},s)),n.length>0){const e=n.filter(m=>!p.includes(m)).length;E(s("file-upload.success-added",e.toString()))}t.target.value="",d.current&&(d.current.value="")}},onFileRemove:t=>{const l=p.filter(r=>r!==t);h||x(l),f==null||f(t),c==null||c(l),l.length===0&&y(j({accept:o,maxSize:u},s)),E(s("file-upload.removed",t.name??"")),d.current&&(d.current.value="")},handleClear:()=>{const t=[...p];return t.forEach(l=>f==null?void 0:f(l)),h||x([]),c==null||c([]),y(j({accept:o,maxSize:u},s)),E(s("file-upload.cleared")),d.current&&(d.current.value=""),t},fileInputRef:d,announcement:H}};exports.useFileUpload=_;