@tedi-design-system/react 14.4.0-rc.1 → 14.4.0-rc.10

package/src/tedi/components/form/file-dropzone/file-dropzone.es.js

@@ -1,73 +1,83 @@
-import { jsxs as r, Fragment as N, jsx as i } from "react/jsx-runtime";
-import x from "../../../../../external/classnames/index.es.js";
-import { useDropzone as C } from "../../../../../external/react-dropzone/dist/es/index.es.js";
+import { jsxs as d, Fragment as F, jsx as e } from "react/jsx-runtime";
+import C from "../../../../../external/classnames/index.es.js";
+import { useDropzone as I } from "../../../../../external/react-dropzone/dist/es/index.es.js";
 import { useFileUpload as D } from "../../../helpers/hooks/use-file-upload.es.js";
-import { Icon as p } from "../../base/icon/icon.es.js";
-import { ClosingButton as I } from "../../buttons/closing-button/closing-button.es.js";
-import { FeedbackText as f } from "../feedback-text/feedback-text.es.js";
-import { FormLabel as S } from "../form-label/form-label.es.js";
+import { Icon as f } from "../../base/icon/icon.es.js";
+import { ClosingButton as L } from "../../buttons/closing-button/closing-button.es.js";
+import { FeedbackText as p } from "../feedback-text/feedback-text.es.js";
+import { FormLabel as k } from "../form-label/form-label.es.js";
 import o from "./file-dropzone.module.scss.es.js";
-import { Card as k } from "../../cards/card/card.es.js";
-import { CardContent as w } from "../../cards/card/card-content/card-content.es.js";
-import { useLabels as L } from "../../../providers/label-provider/use-labels.es.js";
-import { VerticalSpacing as R } from "../../layout/vertical-spacing/vertical-spacing.es.js";
-import { Row as V } from "../../layout/grid/row.es.js";
-import { Col as z } from "../../layout/grid/col.es.js";
-const Y = (l) => {
-  const { getLabel: n } = L(), { label: g = n("file-dropzone.label"), className: b, disabled: d = !1, helper: e, id: m } = l, { innerFiles: s, uploadErrorHelper: t, onFileChange: v, onFileRemove: h } = D(l), { getRootProps: u, getInputProps: _, isDragActive: y } = C({
-    accept: l.accept ? { "application/*": [l.accept] } : void 0,
-    multiple: l.multiple,
-    maxSize: l.maxSize ? l.maxSize * 1024 ** 2 : void 0,
-    onDrop: (a) => {
-      v({
-        target: { files: a }
+import { Card as w } from "../../cards/card/card.es.js";
+import { CardContent as R } from "../../cards/card/card-content/card-content.es.js";
+import { useLabels as S } from "../../../providers/label-provider/use-labels.es.js";
+import { List as z } from "../../content/list/list.es.js";
+import { Row as j } from "../../layout/grid/row.es.js";
+import { Col as b } from "../../layout/grid/col.es.js";
+const Y = (a) => {
+  const { getLabel: n } = S(), { label: g = n("file-dropzone.label"), className: v, disabled: r = !1, helper: i, id: c } = a, { innerFiles: s, uploadErrorHelper: l, onFileChange: h, onFileRemove: u } = D(a), { getRootProps: y, getInputProps: _, isDragActive: N } = I({
+    disabled: r,
+    accept: a.accept ? { "application/*": [a.accept] } : void 0,
+    multiple: a.multiple,
+    maxSize: a.maxSize ? a.maxSize * 1024 ** 2 : void 0,
+    onDrop: (t) => {
+      if (r) return;
+      h({
+        target: { files: t }
       });
     }
-  }), F = x(
+  }), x = C(
     o["tedi-file-dropzone"],
-    { [o["tedi-file-dropzone--disabled"]]: d },
-    { [o["tedi-file-dropzone--invalid"]]: ((t == null ? void 0 : t.type) || (e == null ? void 0 : e.type)) === "error" },
-    { [o["tedi-file-dropzone--valid"]]: ((t == null ? void 0 : t.type) || (e == null ? void 0 : e.type)) === "valid" },
-    { [o["tedi-file-dropzone--drop-over"]]: y },
-    b
-  ), c = e ? (e == null ? void 0 : e.id) ?? `${m}-helper` : void 0;
-  return /* @__PURE__ */ r(N, { children: [
-    /* @__PURE__ */ r("div", { ...u(), className: F, children: [
-      /* @__PURE__ */ i("input", { ..._() }),
-      /* @__PURE__ */ r("div", { className: o["tedi-file-dropzone__label-wrapper"], children: [
-        /* @__PURE__ */ i(p, { color: d ? "tertiary" : "secondary", size: 24, name: "attach_file" }),
-        /* @__PURE__ */ i(S, { id: m, label: g, className: o["tedi-file-dropzone__label"] })
-      ] })
-    ] }),
-    e ? /* @__PURE__ */ i(f, { ...e, id: c }) : t ? /* @__PURE__ */ i(f, { ...t, id: c }) : null,
-    !!s.length && /* @__PURE__ */ i(R, { size: 0.5, className: o["tedi-file-dropzone__file-list"], children: s.map((a) => /* @__PURE__ */ i(
-      k,
+    { [o["tedi-file-dropzone--disabled"]]: r },
+    { [o["tedi-file-dropzone--invalid"]]: ((l == null ? void 0 : l.type) || (i == null ? void 0 : i.type)) === "error" },
+    { [o["tedi-file-dropzone--valid"]]: ((l == null ? void 0 : l.type) || (i == null ? void 0 : i.type)) === "valid" },
+    { [o["tedi-file-dropzone--drop-over"]]: N },
+    v
+  ), m = i ? (i == null ? void 0 : i.id) ?? `${c}-helper` : void 0;
+  return /* @__PURE__ */ d(F, { children: [
+    /* @__PURE__ */ d(
+      "div",
       {
-        background: a.isValid === !1 ? "danger-primary" : "tertiary",
-        borderless: !0,
-        className: o["tedi-file-dropzone__file-item"],
-        children: /* @__PURE__ */ i(
+        ...y({
+          tabIndex: r ? -1 : 0,
+          "aria-disabled": r,
+          "aria-describedby": m
+        }),
+        className: x,
+        children: [
+          /* @__PURE__ */ e("input", { ..._(), disabled: r }),
+          /* @__PURE__ */ d("div", { className: o["tedi-file-dropzone__label-wrapper"], children: [
+            /* @__PURE__ */ e(f, { color: r ? "tertiary" : "secondary", size: 24, name: "attach_file" }),
+            /* @__PURE__ */ e(k, { id: c, label: g, className: o["tedi-file-dropzone__label"] })
+          ] })
+        ]
+      }
+    ),
+    i ? /* @__PURE__ */ e(p, { ...i, id: m }) : l ? /* @__PURE__ */ e(p, { ...l, id: m }) : null,
+    !!s.length && /* @__PURE__ */ e(
+      z,
+      {
+        className: o["tedi-file-dropzone__file-list"],
+        style: "none",
+        "aria-label": n("file-dropzone.selected-files"),
+        children: s.map((t) => /* @__PURE__ */ e(z.Item, { className: o["tedi-file-dropzone__file-list-item"], children: /* @__PURE__ */ e(
           w,
           {
-            padding: {
-              bottom: 0.5,
-              left: 0.5,
-              right: 0.5,
-              top: 0.5
-            },
-            children: /* @__PURE__ */ r(V, { alignItems: "center", children: [
-              /* @__PURE__ */ r(z, { className: o["tedi-file-dropzone__file-name"], children: [
-                a.name,
+            background: t.isValid === !1 ? "danger-primary" : "tertiary",
+            borderless: !0,
+            className: o["tedi-file-dropzone__file-item"],
+            children: /* @__PURE__ */ e(R, { padding: 0.5, children: /* @__PURE__ */ d(j, { alignItems: "center", children: [
+              /* @__PURE__ */ d(b, { className: o["tedi-file-dropzone__file-name"], children: [
+                t.name,
                 " ",
-                a.isValid === !1 && /* @__PURE__ */ i(p, { name: "info", color: "danger", display: "inline", size: 18 })
+                t.isValid === !1 && /* @__PURE__ */ e(f, { name: "info", color: "danger", display: "inline", size: 18 })
               ] }),
-              /* @__PURE__ */ i(z, { width: "auto", children: /* @__PURE__ */ i(I, { title: n("clear"), onClick: () => h(a) }) })
-            ] })
+              /* @__PURE__ */ e(b, { width: "auto", children: /* @__PURE__ */ e(L, { title: n("remove") + " " + t.name, onClick: () => u(t) }) })
+            ] }) })
           }
-        )
-      },
-      a.id || a.name
-    )) })
+        ) }, t.id || t.name))
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: "sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true", children: s.length === 0 ? n("file-dropzone.no-file") : n("file-dropzone.files-selected", s.length) })
   ] });
 };
 export {

package/src/tedi/components/form/file-dropzone/file-dropzone.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-file-dropzone":"tedi-file-dropzone-70698e52","tedi-file-dropzone__label-wrapper":"tedi-file-dropzone__label-wrapper-78360685","tedi-file-dropzone__label":"tedi-file-dropzone__label-5c15bc34","tedi-file-dropzone--disabled":"tedi-file-dropzone--disabled-0e01143d","tedi-file-dropzone--invalid":"tedi-file-dropzone--invalid-159cce6d","tedi-file-dropzone--valid":"tedi-file-dropzone--valid-d2d3ef3d","tedi-file-dropzone--drop-over":"tedi-file-dropzone--drop-over-3e31af77","tedi-file-dropzone__file-list":"tedi-file-dropzone__file-list-c1ededa3","tedi-file-dropzone__file-name":"tedi-file-dropzone__file-name-f9bf2a63"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-file-dropzone":"tedi-file-dropzone-70698e52","tedi-file-dropzone__label-wrapper":"tedi-file-dropzone__label-wrapper-78360685","tedi-file-dropzone__label":"tedi-file-dropzone__label-5c15bc34","tedi-file-dropzone--disabled":"tedi-file-dropzone--disabled-0e01143d","tedi-file-dropzone--invalid":"tedi-file-dropzone--invalid-159cce6d","tedi-file-dropzone--valid":"tedi-file-dropzone--valid-d2d3ef3d","tedi-file-dropzone--drop-over":"tedi-file-dropzone--drop-over-3e31af77","tedi-file-dropzone__file-list":"tedi-file-dropzone__file-list-c1ededa3","tedi-file-dropzone__file-list-item":"tedi-file-dropzone__file-list-item-3ad71621","tedi-file-dropzone__file-name":"tedi-file-dropzone__file-name-f9bf2a63"};exports.default=e;

package/src/tedi/components/form/file-dropzone/file-dropzone.module.scss.es.js

@@ -7,6 +7,7 @@ const e = {
   "tedi-file-dropzone--valid": "tedi-file-dropzone--valid-d2d3ef3d",
   "tedi-file-dropzone--drop-over": "tedi-file-dropzone--drop-over-3e31af77",
   "tedi-file-dropzone__file-list": "tedi-file-dropzone__file-list-c1ededa3",
+  "tedi-file-dropzone__file-list-item": "tedi-file-dropzone__file-list-item-3ad71621",
   "tedi-file-dropzone__file-name": "tedi-file-dropzone__file-name-f9bf2a63"
 };
 export {

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;

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-file-upload":"tedi-file-upload-115f37c2","tedi-file-upload__items":"tedi-file-upload__items-c73c19e5","tedi-file-upload__container":"tedi-file-upload__container-6b0f28a8","tedi-file-upload__container--default":"tedi-file-upload__container--default-56af0d96","tedi-file-upload__button":"tedi-file-upload__button-f37449e6","tedi-file-upload__container--small":"tedi-file-upload__container--small-4d5cd36e","tedi-file-upload--disabled":"tedi-file-upload--disabled-88f4fdcd","tedi-file-upload--error":"tedi-file-upload--error-388cda6f","tedi-file-upload--valid":"tedi-file-upload--valid-28d5eb71","tedi-file-upload__content":"tedi-file-upload__content-8b6bf324"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-file-upload":"tedi-file-upload-115f37c2","tedi-file-upload__items":"tedi-file-upload__items-c73c19e5","tedi-file-upload__container":"tedi-file-upload__container-6b0f28a8","tedi-file-upload__container--default":"tedi-file-upload__container--default-56af0d96","tedi-file-upload__button":"tedi-file-upload__button-f37449e6","tedi-file-upload__container--small":"tedi-file-upload__container--small-4d5cd36e","tedi-file-upload--disabled":"tedi-file-upload--disabled-88f4fdcd","tedi-file-upload--error":"tedi-file-upload--error-388cda6f","tedi-file-upload--valid":"tedi-file-upload--valid-28d5eb71","tedi-file-upload__content":"tedi-file-upload__content-8b6bf324","tedi-file-upload__items--truncate":"tedi-file-upload__items--truncate-5c249a01","tedi-file-upload__tag--truncate":"tedi-file-upload__tag--truncate-4c99cb2b"};exports.default=e;

package/src/tedi/components/form/file-upload/file-upload.module.scss.es.js

@@ -8,7 +8,9 @@ const e = {
   "tedi-file-upload--disabled": "tedi-file-upload--disabled-88f4fdcd",
   "tedi-file-upload--error": "tedi-file-upload--error-388cda6f",
   "tedi-file-upload--valid": "tedi-file-upload--valid-28d5eb71",
-  "tedi-file-upload__content": "tedi-file-upload__content-8b6bf324"
+  "tedi-file-upload__content": "tedi-file-upload__content-8b6bf324",
+  "tedi-file-upload__items--truncate": "tedi-file-upload__items--truncate-5c249a01",
+  "tedi-file-upload__tag--truncate": "tedi-file-upload__tag--truncate-4c99cb2b"
 };
 export {
   e as default

package/src/tedi/components/form/search/search.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("../../../../../external/classnames/index.cjs.js"),x=require("react"),h=require("../../buttons/button/button.cjs.js"),q=require("../textfield/textfield.cjs.js"),i=require("./search.module.scss.cjs.js"),r=x.forwardRef(({placeholder:d,isClearable:u=!0,searchIcon:c="search",onSearch:e,onChange:n,button:t,...s},f)=>{const o=p=>{p.key==="Enter"&&(e==null||e(s.value))},m=()=>{e==null||e(s.value)},_={...s,ref:f,inputClassName:l.default(i.default["tedi-search__input"],t&&i.default["tedi-search__input--has-button"]),placeholder:d,isClearable:u,onKeyPress:o,onChange:n,...t?{}:{icon:c}};return a.jsxs("div",{className:l.default(i.default["tedi-search__wrapper"],s.className),children:[a.jsx(q.TextField,{..._}),t&&a.jsx(h.Button,{...t,onClick:m,className:l.default(i.default["tedi-search__button"],t.className),children:t.children})]})});r.displayName="Search";exports.Search=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),r=require("../../../../../external/classnames/index.cjs.js"),y=require("react"),N=require("../../buttons/button/button.cjs.js"),j=require("../textfield/textfield.cjs.js"),t=require("./search.module.scss.cjs.js"),v=require("../../../providers/label-provider/use-labels.cjs.js"),u=y.forwardRef(({placeholder:c,isClearable:d=!0,searchIcon:n="search",onSearch:a,onChange:o,button:e,ariaLabel:f,...s},h)=>{const{getLabel:l}=v.useLabels(),m=q=>{q.key==="Enter"&&(a==null||a(s.value))},_=()=>{a==null||a(s.value)},x={...s,ref:h,inputClassName:r.default(t.default["tedi-search__input"],e&&t.default["tedi-search__input--has-button"]),placeholder:c,isClearable:d,onKeyDown:m,onChange:o,...e?{}:{icon:n}},b=c||l("search"),p=f??b;return i.jsxs("div",{className:r.default(t.default["tedi-search__wrapper"],s.className),role:"search","aria-label":p,children:[i.jsx(j.TextField,{...x}),e&&i.jsx(N.Button,{...e,onClick:_,className:r.default(t.default["tedi-search__button"],e.className),"aria-label":e.children?void 0:l("search"),children:e.children??l("search")})]})});u.displayName="Search";exports.Search=u;

package/src/tedi/components/form/search/search.d.ts

@@ -15,5 +15,10 @@ export interface SearchProps extends Omit<TextFieldProps, 'isTextArea' | 'icon'
      * Optional button properties.
      */
     button?: Partial<ButtonProps>;
+    /**
+     * For accessibility: search field name (accessible name). Recommended to always set.
+     * E.g., "Search products" or "Search site".
+     */
+    ariaLabel?: string;
 }
 export declare const Search: React.ForwardRefExoticComponent<SearchProps & React.RefAttributes<TextFieldForwardRef>>;

package/src/tedi/components/form/search/search.es.js

@@ -1,40 +1,42 @@
-import { jsxs as N, jsx as a } from "react/jsx-runtime";
-import t from "../../../../../external/classnames/index.es.js";
-import { forwardRef as u } from "react";
-import { Button as x } from "../../buttons/button/button.es.js";
-import { TextField as y } from "../textfield/textfield.es.js";
+import { jsxs as y, jsx as c } from "react/jsx-runtime";
+import l from "../../../../../external/classnames/index.es.js";
+import { forwardRef as v } from "react";
+import { Button as w } from "../../buttons/button/button.es.js";
+import { TextField as L } from "../textfield/textfield.es.js";
 import r from "./search.module.scss.es.js";
-const h = u(
-  ({ placeholder: l, isClearable: m = !0, searchIcon: d = "search", onSearch: s, onChange: p, button: e, ...i }, c) => {
-    const o = (n) => {
-      n.key === "Enter" && (s == null || s(i.value));
-    }, f = () => {
-      s == null || s(i.value);
+import { useLabels as k } from "../../../providers/label-provider/use-labels.es.js";
+const C = v(
+  ({ placeholder: t, isClearable: m = !0, searchIcon: o = "search", onSearch: s, onChange: d, button: e, ariaLabel: p, ...a }, n) => {
+    const { getLabel: i } = k(), f = (x) => {
+      x.key === "Enter" && (s == null || s(a.value));
+    }, h = () => {
+      s == null || s(a.value);
     }, _ = {
-      ...i,
-      ref: c,
-      inputClassName: t(r["tedi-search__input"], e && r["tedi-search__input--has-button"]),
-      placeholder: l,
+      ...a,
+      ref: n,
+      inputClassName: l(r["tedi-search__input"], e && r["tedi-search__input--has-button"]),
+      placeholder: t,
       isClearable: m,
-      onKeyPress: o,
-      onChange: p,
-      ...e ? {} : { icon: d }
-    };
-    return /* @__PURE__ */ N("div", { className: t(r["tedi-search__wrapper"], i.className), children: [
-      /* @__PURE__ */ a(y, { ..._ }),
-      e && /* @__PURE__ */ a(
-        x,
+      onKeyDown: f,
+      onChange: d,
+      ...e ? {} : { icon: o }
+    }, u = t || i("search"), N = p ?? u;
+    return /* @__PURE__ */ y("div", { className: l(r["tedi-search__wrapper"], a.className), role: "search", "aria-label": N, children: [
+      /* @__PURE__ */ c(L, { ..._ }),
+      e && /* @__PURE__ */ c(
+        w,
         {
           ...e,
-          onClick: f,
-          className: t(r["tedi-search__button"], e.className),
-          children: e.children
+          onClick: h,
+          className: l(r["tedi-search__button"], e.className),
+          "aria-label": e.children ? void 0 : i("search"),
+          children: e.children ?? i("search")
         }
       )
     ] });
   }
 );
-h.displayName = "Search";
+C.displayName = "Search";
 export {
-  h as Search
+  C as Search
 };

package/src/tedi/components/form/select/select.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),fe=require("../../../../../external/classnames/index.cjs.js"),m=require("react"),ge=require("../../../../../external/react-select/dist/react-select.esm.cjs.js"),Se=require("../../../../../external/react-select/async/dist/react-select-async.esm.cjs.js"),Me=require("../feedback-text/feedback-text.cjs.js"),be=require("../form-label/form-label.cjs.js"),Ie=require("./components/select-clear-indicator.cjs.js"),qe=require("./components/select-control.cjs.js"),Ce=require("./components/select-dropdown-indicator.cjs.js"),Oe=require("./components/select-group.cjs.js"),ve=require("./components/select-group-heading.cjs.js"),Le=require("./components/select-indicators-container.cjs.js"),Ve=require("./components/select-input.cjs.js"),Re=require("./components/select-loading-indicator.cjs.js"),he=require("./components/select-menu.cjs.js"),ye=require("./components/select-menu-list.cjs.js"),xe=require("./components/select-menu-portal.cjs.js"),_e=require("./components/select-multi-value.cjs.js"),we=require("./components/select-multi-value-remove.cjs.js"),Ne=require("./components/select-option.cjs.js"),je=require("./components/select-value-container.cjs.js"),n=require("./select.module.scss.cjs.js"),Pe=require("../../../providers/label-provider/use-labels.cjs.js"),f=m.forwardRef((L,V)=>{const{options:R,defaultOptions:h,id:s,name:y,iconName:x="arrow_drop_down",label:_,required:g,value:w,defaultValue:N,tagsDirection:S="row",onChange:i,onInputChange:j,inputValue:P,loadOptions:T,isLoading:G,openMenuOnFocus:H=!1,openMenuOnClick:D=!0,tabSelectsValue:F=!1,disabled:M=!1,className:$,hideLabel:k=!1,helper:t,placeholder:B,invalid:E,valid:z,size:c,async:A=!1,renderOption:W,renderMessageListFooter:J,noOptionsMessage:K,loadingMessage:Q,multiple:u=!1,closeMenuOnSelect:U=!u,blurInputOnSelect:b=!1,autoFocus:X=!1,isClearable:Y=!0,isClearIndicatorVisible:Z=!1,isSearchable:I=!0,menuIsOpen:ee,onMenuClose:te,onMenuOpen:ne,onBlur:se,inputIsHidden:le,isTagRemovable:q=!1,optionGroupHeadingText:oe={modifiers:"small",color:"tertiary"},cacheOptions:ae=!0,showRadioButtons:re=!1,renderWithoutLabel:ie,tooltip:ce,classNames:C}=L,O=t?(t==null?void 0:t.id)??`${s}-helper`:void 0,o=m.useRef(null),{getLabel:v}=Pe.useLabels();m.useImperativeHandle(V,()=>o.current);const ue=d=>{i==null||i(d),!b&&o.current&&setTimeout(()=>{var a,r;return(r=(a=o.current)==null?void 0:a.inputRef)==null?void 0:r.focus()},0)},de=()=>{const d={ClearIndicator:e=>Ie.SelectClearIndicator({isClearIndicatorVisible:Z,...e}),DropdownIndicator:()=>Ce.SelectDropDownIndicator({iconName:x}),IndicatorSeparator:()=>null,MenuPortal:xe.SelectMenuPortal,Menu:he.SelectMenu,MenuList:e=>ye.SelectMenuList({renderMessageListFooter:J,...e}),Option:e=>Ne.SelectOption({renderOption:W,multiple:u,showRadioButtons:re,...e}),Control:qe.SelectControl,Input:Ve.SelectInput,MultiValue:e=>_e.SelectMultiValue({isTagRemovable:q,...e}),MultiValueRemove:we.SelectMultiValueRemove,Group:Oe.SelectGroup,GroupHeading:e=>ve.SelectGroupHeading({optionGroupHeadingText:oe,...e}),IndicatorsContainer:Le.SelectIndicatorsContainer,ValueContainer:je.SelectValueContainer,LoadingIndicator:Re.SelectLoadingIndicator},a=A?Se.default:ge.default,r=()=>v("select.no-options"),me=()=>v("select.loading");return l.jsx(a,{id:s,"aria-describedby":O,autoFocus:X,ref:o,instanceId:s,className:"tedi-select__wrapper",name:y,options:R,defaultOptions:h,value:w,defaultValue:N,cacheOptions:ae,onChange:ue,onInputChange:j,onBlur:se,inputValue:P,inputId:`${s}-input`,loadOptions:T,isLoading:G,noOptionsMessage:K||r,loadingMessage:Q||me,classNamePrefix:"select",components:d,isDisabled:M,isSearchable:I,menuIsOpen:ee,openMenuOnFocus:H,openMenuOnClick:D,tabSelectsValue:F,onMenuClose:te,onMenuOpen:ne,placeholder:B||"",isClearable:Y,backspaceRemovesValue:q,menuShouldScrollIntoView:!0,isMulti:u,hideSelectedOptions:!1,closeMenuOnSelect:U,blurInputOnSelect:b,menuPlacement:"auto",inputIsHidden:le,required:g,menuPortalTarget:document.body,menuPosition:"absolute",classNames:C?Object.fromEntries(Object.entries(C).map(([e,p])=>[e,typeof p=="string"?()=>p:p])):void 0,theme:e=>({...e,colors:{...e.colors,primary:"var(--tedi-blue-600)",danger:"var(--tedi-red-600)",dangerLight:"var(--tedi-red-200)"}}),styles:{input:e=>({...e,gridTemplateColumns:"0fr"})}})},pe=fe.default(n.default["tedi-select"],$,{[n.default["tedi-select--invalid"]]:E||(t==null?void 0:t.type)==="error"},{[n.default["tedi-select--valid"]]:z||(t==null?void 0:t.type)==="valid"},{[n.default[`tedi-select--${c}`]]:c},{[n.default[`tedi-select--tags-${S}`]]:S},{[n.default["tedi-select--searchable"]]:I},{[n.default["tedi-select--disabled"]]:M});return l.jsxs("div",{"data-name":"select",className:pe,children:[l.jsxs("div",{className:n.default["tedi-select__inner"],children:[l.jsx(be.FormLabel,{id:`${s}-input`,label:_,required:g,hideLabel:k,size:c,renderWithoutLabel:ie,tooltip:ce}),de()]}),t&&l.jsx(Me.FeedbackText,{...t,id:O})]})});f.displayName="Select";exports.Select=f;exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),ge=require("../../../../../external/classnames/index.cjs.js"),c=require("react"),Se=require("../../../../../external/react-select/dist/react-select.esm.cjs.js"),Me=require("../../../../../external/react-select/async/dist/react-select-async.esm.cjs.js"),be=require("../feedback-text/feedback-text.cjs.js"),Ie=require("../form-label/form-label.cjs.js"),qe=require("./components/select-clear-indicator.cjs.js"),Ce=require("./components/select-control.cjs.js"),Oe=require("./components/select-dropdown-indicator.cjs.js"),ve=require("./components/select-group.cjs.js"),Le=require("./components/select-group-heading.cjs.js"),Ve=require("./components/select-indicators-container.cjs.js"),Re=require("./components/select-input.cjs.js"),he=require("./components/select-loading-indicator.cjs.js"),xe=require("./components/select-menu.cjs.js"),ye=require("./components/select-menu-list.cjs.js"),_e=require("./components/select-menu-portal.cjs.js"),je=require("./components/select-multi-value.cjs.js"),we=require("./components/select-multi-value-remove.cjs.js"),Ne=require("./components/select-option.cjs.js"),Pe=require("./components/select-value-container.cjs.js"),n=require("./select.module.scss.cjs.js"),Te=require("../../../providers/label-provider/use-labels.cjs.js"),f=c.forwardRef((V,R)=>{const{options:h,defaultOptions:x,id:l,name:y,iconName:_="arrow_drop_down",label:j,required:g,value:w,defaultValue:N,tagsDirection:S="row",onChange:u,onInputChange:P,inputValue:T,loadOptions:G,isLoading:H,openMenuOnFocus:D=!1,openMenuOnClick:k=!0,tabSelectsValue:F=!1,disabled:M=!1,className:$,hideLabel:B=!1,helper:t,placeholder:E,invalid:z,valid:A,size:d,async:W=!1,renderOption:J,renderMessageListFooter:b,noOptionsMessage:K,loadingMessage:Q,multiple:p=!1,closeMenuOnSelect:U=!p,blurInputOnSelect:I=!1,autoFocus:X=!1,isClearable:Y=!0,isClearIndicatorVisible:Z=!1,isSearchable:q=!0,menuIsOpen:ee,onMenuClose:te,onMenuOpen:ne,onBlur:se,inputIsHidden:le,isTagRemovable:C=!1,optionGroupHeadingText:oe={modifiers:"small",color:"tertiary"},cacheOptions:ae=!0,showRadioButtons:re=!1,renderWithoutLabel:ie,tooltip:ce,classNames:O}=V,v=t?(t==null?void 0:t.id)??`${l}-helper`:void 0,a=c.useRef(null),{getLabel:L}=Te.useLabels();c.useImperativeHandle(R,()=>a.current);const ue=o=>{u==null||u(o),!I&&a.current&&setTimeout(()=>{var r,i;return(i=(r=a.current)==null?void 0:r.inputRef)==null?void 0:i.focus()},0)},de=c.useCallback(o=>s.jsx(ye.SelectMenuList,{...o,renderMessageListFooter:b}),[b]),pe=()=>{const o={ClearIndicator:e=>qe.SelectClearIndicator({isClearIndicatorVisible:Z,...e}),DropdownIndicator:()=>Oe.SelectDropDownIndicator({iconName:_}),IndicatorSeparator:()=>null,MenuPortal:_e.SelectMenuPortal,Menu:xe.SelectMenu,MenuList:de,Option:e=>Ne.SelectOption({renderOption:J,multiple:p,showRadioButtons:re,...e}),Control:Ce.SelectControl,Input:Re.SelectInput,MultiValue:e=>je.SelectMultiValue({isTagRemovable:C,...e}),MultiValueRemove:we.SelectMultiValueRemove,Group:ve.SelectGroup,GroupHeading:e=>Le.SelectGroupHeading({optionGroupHeadingText:oe,...e}),IndicatorsContainer:Ve.SelectIndicatorsContainer,ValueContainer:Pe.SelectValueContainer,LoadingIndicator:he.SelectLoadingIndicator},r=W?Me.default:Se.default,i=()=>L("select.no-options"),fe=()=>L("select.loading");return s.jsx(r,{id:l,"aria-describedby":v,autoFocus:X,ref:a,instanceId:l,className:"tedi-select__wrapper",name:y,options:h,defaultOptions:x,value:w,defaultValue:N,cacheOptions:ae,onChange:ue,onInputChange:P,onBlur:se,inputValue:T,inputId:`${l}-input`,loadOptions:G,isLoading:H,noOptionsMessage:K||i,loadingMessage:Q||fe,classNamePrefix:"select",components:o,isDisabled:M,isSearchable:q,menuIsOpen:ee,openMenuOnFocus:D,openMenuOnClick:k,tabSelectsValue:F,onMenuClose:te,onMenuOpen:ne,placeholder:E||"",isClearable:Y,backspaceRemovesValue:C,menuShouldScrollIntoView:!0,isMulti:p,hideSelectedOptions:!1,closeMenuOnSelect:U,blurInputOnSelect:I,menuPlacement:"auto",inputIsHidden:le,required:g,menuPortalTarget:document.body,menuPosition:"absolute",classNames:O?Object.fromEntries(Object.entries(O).map(([e,m])=>[e,typeof m=="string"?()=>m:m])):void 0,theme:e=>({...e,colors:{...e.colors,primary:"var(--tedi-blue-600)",danger:"var(--tedi-red-600)",dangerLight:"var(--tedi-red-200)"}}),styles:{input:e=>({...e,gridTemplateColumns:"0fr"})}})},me=ge.default(n.default["tedi-select"],$,{[n.default["tedi-select--invalid"]]:z||(t==null?void 0:t.type)==="error"},{[n.default["tedi-select--valid"]]:A||(t==null?void 0:t.type)==="valid"},{[n.default[`tedi-select--${d}`]]:d},{[n.default[`tedi-select--tags-${S}`]]:S},{[n.default["tedi-select--searchable"]]:q},{[n.default["tedi-select--disabled"]]:M});return s.jsxs("div",{"data-name":"select",className:me,children:[s.jsxs("div",{className:n.default["tedi-select__inner"],children:[s.jsx(Ie.FormLabel,{id:`${l}-input`,label:j,required:g,hideLabel:B,size:d,renderWithoutLabel:ie,tooltip:ce}),pe()]}),t&&s.jsx(be.FeedbackText,{...t,id:v})]})});f.displayName="Select";exports.Select=f;exports.default=f;