@tedi-design-system/react 18.2.0-rc.4 → 19.0.0-rc.10

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("../../../../../external/classnames/index.cjs.js"),p=require("react"),de=require("../../../helpers/hooks/use-file-upload.cjs.js"),re=require("../../base/typography/text/text.cjs.js"),S=require("../../buttons/button/button.cjs.js"),ce=require("../../buttons/closing-button/closing-button.cjs.js"),ue=require("../form-label/form-label.cjs.js"),fe=require("../../misc/separator/separator.cjs.js"),pe=require("../../tags/tag/tag.cjs.js"),z=require("../feedback-text/feedback-text.cjs.js"),g=require("../input-group/input-group.cjs.js"),a=require("./file-upload.module.scss.cjs.js"),me=require("../../../providers/label-provider/use-labels.cjs.js"),M=require("../../../helpers/hooks/use-breakpoint.cjs.js"),xe=require("../../layout/grid/row.cjs.js"),O=require("../../layout/grid/col.cjs.js"),A=P=>{var U;const{getLabel:n}=me.useLabels(),{id:V,name:$,label:v,accept:y,multiple:F,onChange:m,className:D,wrapperClassName:W,defaultFiles:H,onDelete:J,hasClearButton:K=!0,files:c,readOnly:x,disabled:s=!1,maxSize:Q,validateIndividually:X=!1,showRestrictions:Y,size:u="default",helper:i,...Z}=P,{innerFiles:_,uploadErrorHelper:t,onFileChange:E,onFileRemove:G,handleClear:ee,announcement:le}=de.useFileUpload({accept:y,maxSize:Q,multiple:F,validateIndividually:X,defaultFiles:H,onChange:m,onDelete:J,files:c,showRestrictions:Y}),ae=M.default(),te=p.useId(),o=(U=g.useOptionalInputGroup)==null?void 0:U.call(g),ie=o==null?void 0:o.hasExternalLabel,f=V??(o==null?void 0:o.inputId)??te,q=p.useRef(null),N=p.useRef(null),se=j.default(a.default["tedi-file-upload"],{[a.default["tedi-file-upload--disabled"]]:s},D),B=(t==null?void 0:t.type)==="error",h=i??(B?void 0:t),b=B?t:void 0,C=h?(i==null?void 0:i.id)??`${f}-helper`:void 0,L=b?`${f}-error`:void 0,k=[C,L].filter(Boolean).join(" ")||void 0,d=p.useMemo(()=>c&&m?c:_,[c,_,m]),R=()=>{var l;return(l=N.current)==null?void 0:l.focus()},ne=l=>{G(l),R()},I=()=>{ee(),R()},oe=(l,r)=>{const w=l.isValid===!1;return e.jsx("li",{children:e.jsxs(pe.Tag,{role:"presentation",color:w?"danger":"primary",onClose:!l.isLoading&&!s&&!x?()=>ne(l):void 0,isLoading:l.isLoading,closeButtonProps:{title:`${n("remove")} ${l.name}`},children:[l.name,w&&e.jsxs("span",{className:"sr-only",children:[" (",n("file-upload.failed"),")"]})]})},l.id??r)},T=()=>{if(d.length>1)return e.jsx("ul",{className:a.default["tedi-file-upload__items"],children:d.map((l,r)=>oe(l,r))});if(d.length===1){const l=d[0],r=l.isValid===!1;return e.jsxs(re.Text,{className:j.default(a.default["tedi-file-upload__items"],a.default["tedi-file-upload__items--truncate"]),children:[l.name,r&&e.jsxs("span",{className:"sr-only",children:[" (",n("file-upload.failed"),")"]})]})}return null};return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:a.default["tedi-file-upload__label-wrapper"],children:!ie&&v&&e.jsx(ue.FormLabel,{id:f,label:v??"",...Z,renderWithoutLabel:x,className:a.default["tedi-file-upload__label"],size:u})}),e.jsx("div",{role:"status","aria-live":"polite","aria-atomic":"true",className:"sr-only",children:le}),x?T():e.jsx("div",{className:j.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--${u}`]]:u},W),children:e.jsx("div",{className:a.default["tedi-file-upload__content"],children:e.jsxs(xe.Row,{children:[e.jsx(O.Col,{className:"display-flex",children:T()}),e.jsx(O.Col,{xs:12,md:"auto",children:e.jsxs("div",{className:se,children:[e.jsx("input",{ref:q,id:f,type:"file",name:$,accept:y,onChange:E,multiple:F,disabled:s,"aria-invalid":!!t&&t.type==="error","aria-describedby":k}),K&&d.length>0&&!s&&e.jsxs(e.Fragment,{children:[M.isBreakpointBelow(ae,"md")?e.jsx(S.Button,{visualType:"neutral",iconLeft:"close",disabled:s,onClick:I,className:a.default["tedi-file-upload__button"],children:n("clear")}):e.jsx(ce.ClosingButton,{onClick:I,iconSize:18,title:n("clear")}),e.jsx(fe.Separator,{axis:"vertical",height:1.5,spacing:.5,color:"primary"})]}),e.jsx(S.Button,{ref:N,visualType:"neutral",iconLeft:"file_upload",disabled:s,onClick:()=>{var l;return(l=q.current)==null?void 0:l.click()},className:a.default["tedi-file-upload__button"],size:u,"aria-describedby":k,children:n("file-upload.add")})]})})]})})}),h&&e.jsx(z.FeedbackText,{...h,id:C}),b&&e.jsx(z.FeedbackText,{...b,id:L})]})};A.displayName="FileUpload";exports.FileUpload=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("../../../../../external/classnames/index.cjs.js"),p=require("react"),de=require("../../../helpers/hooks/use-file-upload.cjs.js"),re=require("../../base/typography/text/text.cjs.js"),S=require("../../buttons/button/button.cjs.js"),ce=require("../../buttons/closing-button/closing-button.cjs.js"),ue=require("../form-label/form-label.cjs.js"),fe=require("../../misc/separator/separator.cjs.js"),pe=require("../../tags/tag/tag.cjs.js"),z=require("../feedback-text/feedback-text.cjs.js"),g=require("../input-group/input-group.cjs.js"),t=require("./file-upload.module.scss.cjs.js"),me=require("../../../providers/label-provider/use-labels.cjs.js"),M=require("../../../helpers/hooks/use-breakpoint.cjs.js"),xe=require("../../layout/grid/row.cjs.js"),O=require("../../layout/grid/col.cjs.js"),A=P=>{var U;const{getLabel:n}=me.useLabels(),{id:V,name:$,label:v,accept:y,multiple:F,onChange:m,className:D,wrapperClassName:W,defaultFiles:H,onDelete:J,hasClearButton:K=!0,files:c,readOnly:x,disabled:s=!1,maxSize:Q,validateIndividually:X=!1,showRestrictions:Y,size:u="default",helper:i,...Z}=P,{innerFiles:_,uploadErrorHelper:a,onFileChange:E,onFileRemove:G,handleClear:ee,announcement:le}=de.useFileUpload({accept:y,maxSize:Q,multiple:F,validateIndividually:X,defaultFiles:H,onChange:m,onDelete:J,files:c,showRestrictions:Y}),te=M.default(),ae=p.useId(),o=(U=g.useOptionalInputGroup)==null?void 0:U.call(g),ie=o==null?void 0:o.hasExternalLabel,f=V??(o==null?void 0:o.inputId)??ae,q=p.useRef(null),N=p.useRef(null),se=j.default(t.default["tedi-file-upload"],{[t.default["tedi-file-upload--disabled"]]:s},D),B=(a==null?void 0:a.type)==="error",h=i??(B?void 0:a),b=B?a:void 0,C=h?(i==null?void 0:i.id)??`${f}-helper`:void 0,L=b?`${f}-error`:void 0,k=[C,L].filter(Boolean).join(" ")||void 0,d=p.useMemo(()=>c&&m?c:_,[c,_,m]),R=()=>{var l;return(l=N.current)==null?void 0:l.focus()},ne=l=>{G(l),R()},I=()=>{ee(),R()},oe=(l,r)=>{const w=l.isValid===!1;return e.jsx("li",{children:e.jsxs(pe.Tag,{role:"presentation",color:w?"danger":"primary",onClose:!l.isLoading&&!s&&!x?()=>ne(l):void 0,isLoading:l.isLoading,closeButtonProps:{title:`${n("remove")} ${l.name}`},children:[l.name,w&&e.jsxs("span",{className:"sr-only",children:[" (",n("file-upload.failed"),")"]})]})},l.id??r)},T=()=>{if(d.length>1)return e.jsx("ul",{className:t.default["tedi-file-upload__items"],children:d.map((l,r)=>oe(l,r))});if(d.length===1){const l=d[0],r=l.isValid===!1;return e.jsxs(re.Text,{className:j.default(t.default["tedi-file-upload__items"],t.default["tedi-file-upload__items--truncate"]),children:[l.name,r&&e.jsxs("span",{className:"sr-only",children:[" (",n("file-upload.failed"),")"]})]})}return null};return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:t.default["tedi-file-upload__label-wrapper"],children:!ie&&v&&e.jsx(ue.FormLabel,{id:f,label:v??"",...Z,renderWithoutLabel:x,className:t.default["tedi-file-upload__label"],size:u})}),e.jsx("div",{role:"status","aria-live":"polite","aria-atomic":"true",className:"sr-only",children:le}),x?T():e.jsx("div",{className:j.default(t.default["tedi-file-upload__container"],{[t.default["tedi-file-upload--disabled"]]:s,[t.default["tedi-file-upload--error"]]:((a==null?void 0:a.type)||(i==null?void 0:i.type))==="error",[t.default["tedi-file-upload--valid"]]:((a==null?void 0:a.type)||(i==null?void 0:i.type))==="valid"},{[t.default[`tedi-file-upload__container--${u}`]]:u},W),children:e.jsx("div",{className:t.default["tedi-file-upload__content"],children:e.jsxs(xe.Row,{children:[e.jsx(O.Col,{className:"flex",children:T()}),e.jsx(O.Col,{xs:12,md:"auto",children:e.jsxs("div",{className:se,children:[e.jsx("input",{ref:q,id:f,type:"file",name:$,accept:y,onChange:E,multiple:F,disabled:s,"aria-invalid":!!a&&a.type==="error","aria-describedby":k}),K&&d.length>0&&!s&&e.jsxs(e.Fragment,{children:[M.isBreakpointBelow(te,"md")?e.jsx(S.Button,{visualType:"neutral",iconLeft:"close",disabled:s,onClick:I,className:t.default["tedi-file-upload__button"],children:n("clear")}):e.jsx(ce.ClosingButton,{onClick:I,iconSize:18,title:n("clear")}),e.jsx(fe.Separator,{axis:"vertical",height:1.5,spacing:.5,color:"primary"})]}),e.jsx(S.Button,{ref:N,visualType:"neutral",iconLeft:"file_upload",disabled:s,onClick:()=>{var l;return(l=q.current)==null?void 0:l.click()},className:t.default["tedi-file-upload__button"],size:u,"aria-describedby":k,children:n("file-upload.add")})]})})]})})}),h&&e.jsx(z.FeedbackText,{...h,id:C}),b&&e.jsx(z.FeedbackText,{...b,id:L})]})};A.displayName="FileUpload";exports.FileUpload=A;

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

@@ -7,9 +7,9 @@ import { Button as S } from "../../buttons/button/button.es.js";
 import { ClosingButton as de } from "../../buttons/closing-button/closing-button.es.js";
 import { FormLabel as ce } from "../form-label/form-label.es.js";
 import { Separator as me } from "../../misc/separator/separator.es.js";
-import { Tag as pe } from "../../tags/tag/tag.es.js";
+import { Tag as ue } from "../../tags/tag/tag.es.js";
 import { FeedbackText as A } from "../feedback-text/feedback-text.es.js";
-import { useOptionalInputGroup as ue } from "../input-group/input-group.es.js";
+import { useOptionalInputGroup as pe } from "../input-group/input-group.es.js";
 import l from "./file-upload.module.scss.es.js";
 import { useLabels as fe } from "../../../providers/label-provider/use-labels.es.js";
 import he, { isBreakpointBelow as ve } from "../../../helpers/hooks/use-breakpoint.es.js";
@@ -35,7 +35,7 @@ const _e = (O) => {
     maxSize: K,
     validateIndividually: Q = !1,
     showRestrictions: X,
-    size: p = "default",
+    size: u = "default",
     helper: o,
     ...Y
   } = O, { innerFiles: B, uploadErrorHelper: a, onFileChange: Z, onFileRemove: E, handleClear: G, announcement: ee } = ne({
@@ -48,7 +48,7 @@ const _e = (O) => {
     onDelete: H,
     files: m,
     showRestrictions: X
-  }), ie = he(), le = f.useId(), r = ($ = ue) == null ? void 0 : $(), ae = r == null ? void 0 : r.hasExternalLabel, u = V ?? (r == null ? void 0 : r.inputId) ?? le, C = f.useRef(null), L = f.useRef(null), oe = y(l["tedi-file-upload"], { [l["tedi-file-upload--disabled"]]: s }, P), x = (a == null ? void 0 : a.type) === "error", b = o ?? (x ? void 0 : a), _ = x ? a : void 0, R = b ? (o == null ? void 0 : o.id) ?? `${u}-helper` : void 0, k = _ ? `${u}-error` : void 0, I = [R, k].filter(Boolean).join(" ") || void 0, d = f.useMemo(() => m && h ? m : B, [m, B, h]), w = () => {
+  }), ie = he(), le = f.useId(), r = ($ = pe) == null ? void 0 : $(), ae = r == null ? void 0 : r.hasExternalLabel, p = V ?? (r == null ? void 0 : r.inputId) ?? le, C = f.useRef(null), L = f.useRef(null), oe = y(l["tedi-file-upload"], { [l["tedi-file-upload--disabled"]]: s }, P), x = (a == null ? void 0 : a.type) === "error", b = o ?? (x ? void 0 : a), _ = x ? a : void 0, R = b ? (o == null ? void 0 : o.id) ?? `${p}-helper` : void 0, k = _ ? `${p}-error` : void 0, I = [R, k].filter(Boolean).join(" ") || void 0, d = f.useMemo(() => m && h ? m : B, [m, B, h]), w = () => {
     var e;
     return (e = L.current) == null ? void 0 : e.focus();
   }, te = (e) => {
@@ -58,7 +58,7 @@ const _e = (O) => {
   }, se = (e, c) => {
     const j = e.isValid === !1;
     return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ t(
-      pe,
+      ue,
       {
         role: "presentation",
         color: j ? "danger" : "primary",
@@ -95,12 +95,12 @@ const _e = (O) => {
     /* @__PURE__ */ i("div", { className: l["tedi-file-upload__label-wrapper"], children: !ae && g && /* @__PURE__ */ i(
       ce,
       {
-        id: u,
+        id: p,
         label: g ?? "",
         ...Y,
         renderWithoutLabel: v,
         className: l["tedi-file-upload__label"],
-        size: p
+        size: u
       }
     ) }),
     /* @__PURE__ */ i("div", { role: "status", "aria-live": "polite", "aria-atomic": "true", className: "sr-only", children: ee }),
@@ -114,17 +114,17 @@ const _e = (O) => {
             [l["tedi-file-upload--error"]]: ((a == null ? void 0 : a.type) || (o == null ? void 0 : o.type)) === "error",
             [l["tedi-file-upload--valid"]]: ((a == null ? void 0 : a.type) || (o == null ? void 0 : o.type)) === "valid"
           },
-          { [l[`tedi-file-upload__container--${p}`]]: p },
+          { [l[`tedi-file-upload__container--${u}`]]: u },
           W
         ),
         children: /* @__PURE__ */ i("div", { className: l["tedi-file-upload__content"], children: /* @__PURE__ */ t(be, { children: [
-          /* @__PURE__ */ i(M, { className: "display-flex", children: U() }),
+          /* @__PURE__ */ i(M, { className: "flex", children: U() }),
           /* @__PURE__ */ i(M, { xs: 12, md: "auto", children: /* @__PURE__ */ t("div", { className: oe, children: [
             /* @__PURE__ */ i(
               "input",
               {
                 ref: C,
-                id: u,
+                id: p,
                 type: "file",
                 name: D,
                 accept: F,
@@ -161,7 +161,7 @@ const _e = (O) => {
                   return (e = C.current) == null ? void 0 : e.click();
                 },
                 className: l["tedi-file-upload__button"],
-                size: p,
+                size: u,
                 "aria-describedby": I,
                 children: n("file-upload.add")
               }

package/src/tedi/components/form/select/components/select-multi-option.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime"),I=require("../../../../../../external/classnames/index.cjs.js"),E=require("../../../misc/option-content/option-content.cjs.js"),a=require("../select.module.scss.cjs.js"),t=require("./select-bulk-helpers.cjs.js"),O=require("../../../../../../external/react-select/dist/index-641ee5b8.esm.cjs.js"),g=({renderOption:f,...e})=>{var L;const o=e.data.value===t.SELECT_ALL_VALUE,u=t.isGroupSentinel(e.data),S=!!((L=e.data.customData)!=null&&L.__tediInGroup);let c=e.isSelected,r=!1;if(o){const i=t.getEnabledOptions(e.options).filter(n=>n.value!==t.SELECT_ALL_VALUE),l=(e.getValue()??[]).filter(n=>n.value!==t.SELECT_ALL_VALUE);c=t.areAllSelected(l,i),r=t.isIndeterminate(l,i)}else if(u){const i=e.options,b=i.findIndex(d=>d.value===e.data.value),l=[];for(let d=b+1;d<i.length;d++){const s=i[d];if(!s||typeof s.value=="string"&&(s.value.startsWith(t.GROUP_OPTION_PREFIX)||s.value===t.SELECT_ALL_VALUE))break;s.isDisabled||l.push(s)}const n=e.getValue()??[];c=t.areAllSelected(n,l),r=t.isIndeterminate(n,l)}const m=I.default(a.default["tedi-select__option"],{[a.default["tedi-select__option--disabled"]]:e.isDisabled},{[a.default["tedi-select__option--focused"]]:e.isFocused},{[a.default["tedi-select__option--select-all"]]:o},{[a.default["tedi-select__option--group"]]:u},{[a.default["tedi-select__option--indented"]]:S}),{tabIndex:A,...x}=e.innerProps;return _.jsx(O.c.Option,{...e,innerProps:{...x,tabIndex:A,role:"option","aria-selected":c},className:m,children:f&&!o&&!u?f(e):_.jsx(E.OptionContent,{type:"checkbox",indicatorSemantics:"control",selected:c,indeterminate:r,disabled:e.isDisabled,children:_.jsx(E.OptionContent.Label,{children:e.children})})})};exports.SelectMultiOption=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime"),I=require("../../../../../../external/classnames/index.cjs.js"),E=require("../../../misc/option-content/option-content.cjs.js"),i=require("../select.module.scss.cjs.js"),t=require("./select-bulk-helpers.cjs.js"),O=require("../../../../../../external/react-select/dist/index-641ee5b8.esm.cjs.js"),g=({renderOption:f,...e})=>{var L;const c=e.data.value===t.SELECT_ALL_VALUE,u=t.isGroupSentinel(e.data),S=!!((L=e.data.customData)!=null&&L.__tediInGroup);let a=e.isSelected,r=!1;if(c){const l=t.getEnabledOptions(e.options).filter(s=>s.value!==t.SELECT_ALL_VALUE),n=(e.getValue()??[]).filter(s=>s.value!==t.SELECT_ALL_VALUE);a=t.areAllSelected(n,l),r=t.isIndeterminate(n,l)}else if(u){const l=e.options,b=l.findIndex(o=>o.value===e.data.value),n=[];for(let o=b+1;o<l.length;o++){const d=l[o];if(!d||typeof d.value=="string"&&(d.value.startsWith(t.GROUP_OPTION_PREFIX)||d.value===t.SELECT_ALL_VALUE))break;d.isDisabled||n.push(d)}const s=e.getValue()??[];a=t.areAllSelected(s,n),r=t.isIndeterminate(s,n)}const m=I.default(i.default["tedi-select__option"],i.default["tedi-select__option--control"],{[i.default["tedi-select__option--disabled"]]:e.isDisabled},{[i.default["tedi-select__option--focused"]]:e.isFocused},{[i.default["tedi-select__option--select-all"]]:c},{[i.default["tedi-select__option--group"]]:u},{[i.default["tedi-select__option--indented"]]:S}),{tabIndex:A,...x}=e.innerProps;return _.jsx(O.c.Option,{...e,innerProps:{...x,tabIndex:A,role:"option","aria-selected":a},className:m,children:f&&!c&&!u?f(e):_.jsx(E.OptionContent,{type:"checkbox",indicatorSemantics:"control",selected:a,indeterminate:r,disabled:e.isDisabled,children:_.jsx(E.OptionContent.Label,{children:e.children})})})};exports.SelectMultiOption=g;

package/src/tedi/components/form/select/components/select-multi-option.es.js

@@ -1,42 +1,43 @@
 import { jsx as m } from "react/jsx-runtime";
 import E from "../../../../../../external/classnames/index.es.js";
 import { OptionContent as h } from "../../../misc/option-content/option-content.es.js";
-import s from "../select.module.scss.es.js";
-import { SELECT_ALL_VALUE as c, isGroupSentinel as P, getEnabledOptions as y, areAllSelected as I, isIndeterminate as v, GROUP_OPTION_PREFIX as G } from "./select-bulk-helpers.es.js";
-import { c as L } from "../../../../../../external/react-select/dist/index-641ee5b8.esm.es.js";
-const V = ({ renderOption: f, ...e }) => {
-  var _;
-  const d = e.data.value === c, r = P(e.data), S = !!((_ = e.data.customData) != null && _.__tediInGroup);
+import t from "../select.module.scss.es.js";
+import { SELECT_ALL_VALUE as c, isGroupSentinel as P, getEnabledOptions as p, areAllSelected as I, isIndeterminate as v, GROUP_OPTION_PREFIX as y } from "./select-bulk-helpers.es.js";
+import { c as G } from "../../../../../../external/react-select/dist/index-641ee5b8.esm.es.js";
+const V = ({ renderOption: _, ...e }) => {
+  var f;
+  const d = e.data.value === c, r = P(e.data), S = !!((f = e.data.customData) != null && f.__tediInGroup);
   let a = e.isSelected, u = !1;
   if (d) {
-    const t = y(e.options).filter((l) => l.value !== c), i = (e.getValue() ?? []).filter((l) => l.value !== c);
-    a = I(i, t), u = v(i, t);
+    const i = p(e.options).filter((n) => n.value !== c), l = (e.getValue() ?? []).filter((n) => n.value !== c);
+    a = I(l, i), u = v(l, i);
   } else if (r) {
-    const t = e.options, b = t.findIndex((o) => o.value === e.data.value), i = [];
-    for (let o = b + 1; o < t.length; o++) {
-      const n = t[o];
-      if (!n || typeof n.value == "string" && (n.value.startsWith(G) || n.value === c))
+    const i = e.options, b = i.findIndex((s) => s.value === e.data.value), l = [];
+    for (let s = b + 1; s < i.length; s++) {
+      const o = i[s];
+      if (!o || typeof o.value == "string" && (o.value.startsWith(y) || o.value === c))
         break;
-      n.isDisabled || i.push(n);
+      o.isDisabled || l.push(o);
     }
-    const l = e.getValue() ?? [];
-    a = I(l, i), u = v(l, i);
+    const n = e.getValue() ?? [];
+    a = I(n, l), u = v(n, l);
   }
   const g = E(
-    s["tedi-select__option"],
-    { [s["tedi-select__option--disabled"]]: e.isDisabled },
-    { [s["tedi-select__option--focused"]]: e.isFocused },
-    { [s["tedi-select__option--select-all"]]: d },
-    { [s["tedi-select__option--group"]]: r },
-    { [s["tedi-select__option--indented"]]: S }
+    t["tedi-select__option"],
+    t["tedi-select__option--control"],
+    { [t["tedi-select__option--disabled"]]: e.isDisabled },
+    { [t["tedi-select__option--focused"]]: e.isFocused },
+    { [t["tedi-select__option--select-all"]]: d },
+    { [t["tedi-select__option--group"]]: r },
+    { [t["tedi-select__option--indented"]]: S }
   ), { tabIndex: O, ...x } = e.innerProps;
   return /* @__PURE__ */ m(
-    L.Option,
+    G.Option,
     {
       ...e,
       innerProps: { ...x, tabIndex: O, role: "option", "aria-selected": a },
       className: g,
-      children: f && !d && !r ? f(e) : /* @__PURE__ */ m(
+      children: _ && !d && !r ? _(e) : /* @__PURE__ */ m(
         h,
         {
           type: "checkbox",

package/src/tedi/components/form/select/components/select-single-option.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("../../../../../../external/classnames/index.cjs.js"),d=require("../../../misc/option-content/option-content.cjs.js"),t=require("../select.module.scss.cjs.js"),o=require("../../../../../../external/react-select/dist/index-641ee5b8.esm.cjs.js"),a=({showRadioButtons:n,renderOption:l,...e})=>{const c=s.default(t.default["tedi-select__option"],{[t.default["tedi-select__option--disabled"]]:e.isDisabled},{[t.default["tedi-select__option--selected"]]:e.isSelected&&!n},{[t.default["tedi-select__option--focused"]]:e.isFocused});return i.jsx(o.c.Option,{...e,innerProps:{role:"option","aria-selected":e.isSelected,"aria-disabled":e.isDisabled,...e.innerProps},className:c,children:n?i.jsx(d.OptionContent,{type:"radio",indicatorSemantics:"control",selected:e.isSelected,disabled:e.isDisabled,children:i.jsx(d.OptionContent.Label,{children:e.children})}):l?l(e):e.children})};exports.SelectSingleOption=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("../../../../../../external/classnames/index.cjs.js"),d=require("../../../misc/option-content/option-content.cjs.js"),t=require("../select.module.scss.cjs.js"),s=require("../../../../../../external/react-select/dist/index-641ee5b8.esm.cjs.js"),a=({showRadioButtons:i,renderOption:l,...e})=>{const c=o.default(t.default["tedi-select__option"],{[t.default["tedi-select__option--control"]]:i},{[t.default["tedi-select__option--disabled"]]:e.isDisabled},{[t.default["tedi-select__option--selected"]]:e.isSelected&&!i},{[t.default["tedi-select__option--focused"]]:e.isFocused});return n.jsx(s.c.Option,{...e,innerProps:{role:"option","aria-selected":e.isSelected,"aria-disabled":e.isDisabled,...e.innerProps},className:c,children:i?n.jsx(d.OptionContent,{type:"radio",indicatorSemantics:"control",selected:e.isSelected,disabled:e.isDisabled,children:n.jsx(d.OptionContent.Label,{children:e.children})}):l?l(e):e.children})};exports.SelectSingleOption=a;

package/src/tedi/components/form/select/components/select-single-option.es.js

@@ -1,16 +1,17 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as l } from "react/jsx-runtime";
 import o from "../../../../../../external/classnames/index.es.js";
-import { OptionContent as d } from "../../../misc/option-content/option-content.es.js";
+import { OptionContent as n } from "../../../misc/option-content/option-content.es.js";
 import i from "../select.module.scss.es.js";
 import { c as s } from "../../../../../../external/react-select/dist/index-641ee5b8.esm.es.js";
-const f = ({ showRadioButtons: l, renderOption: c, ...e }) => {
-  const n = o(
+const f = ({ showRadioButtons: t, renderOption: c, ...e }) => {
+  const d = o(
     i["tedi-select__option"],
+    { [i["tedi-select__option--control"]]: t },
     { [i["tedi-select__option--disabled"]]: e.isDisabled },
-    { [i["tedi-select__option--selected"]]: e.isSelected && !l },
+    { [i["tedi-select__option--selected"]]: e.isSelected && !t },
     { [i["tedi-select__option--focused"]]: e.isFocused }
   );
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ l(
     s.Option,
     {
       ...e,
@@ -20,15 +21,15 @@ const f = ({ showRadioButtons: l, renderOption: c, ...e }) => {
         "aria-disabled": e.isDisabled,
         ...e.innerProps
       },
-      className: n,
-      children: l ? /* @__PURE__ */ t(
-        d,
+      className: d,
+      children: t ? /* @__PURE__ */ l(
+        n,
         {
           type: "radio",
           indicatorSemantics: "control",
           selected: e.isSelected,
           disabled: e.isDisabled,
-          children: /* @__PURE__ */ t(d.Label, { children: e.children })
+          children: /* @__PURE__ */ l(n.Label, { children: e.children })
         }
       ) : c ? c(e) : e.children
     }

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-select__control":"tedi-select__control-dbce8bb7","tedi-select__value-container":"tedi-select__value-container-253d079a","tedi-select__indicators-container":"tedi-select__indicators-container-0fc8fa2a","tedi-select__input":"tedi-select__input-5525b622","tedi-select":"tedi-select-8b014852","tedi-select--disabled":"tedi-select--disabled-2d4b8ddd","tedi-select--invalid":"tedi-select--invalid-3901c89c","tedi-select--valid":"tedi-select--valid-969c0297","tedi-select__control--focused":"tedi-select__control--focused-0e632efe","tedi-select__arrow":"tedi-select__arrow-94b5ef4a","tedi-select__loading-indicator":"tedi-select__loading-indicator-a35a63ca","tedi-select__dropdown-indicator":"tedi-select__dropdown-indicator-5a948baa","tedi-select__clear-indicator":"tedi-select__clear-indicator-68b60b12","tedi-select__menu-portal":"tedi-select__menu-portal-d5349f37","tedi-select__menu":"tedi-select__menu-bf54b75b","tedi-select__menu-list--grid":"tedi-select__menu-list--grid-393f3232","tedi-select__menu-list":"tedi-select__menu-list-0aa06e24","tedi-select__menu-list-inner":"tedi-select__menu-list-inner-471e5cf8","tedi-select__menu-list-footer":"tedi-select__menu-list-footer-eb1d3bbc","tedi-select__option":"tedi-select__option-6f811381","tedi-select__option--disabled":"tedi-select__option--disabled-d3aff112","tedi-select__option--focused":"tedi-select__option--focused-1d972ff1","tedi-select__option--selected":"tedi-select__option--selected-a93e5fb0","tedi-select--small":"tedi-select--small-2659608b","tedi-select__multi-value-item":"tedi-select__multi-value-item-b8ec59ae","tedi-select__multi-value--ellipsis":"tedi-select__multi-value--ellipsis-1d821ed7","tedi-select__group":"tedi-select__group-b275e954","tedi-select__group-heading":"tedi-select__group-heading-02b3d9bc","tedi-select__group-heading--selectable":"tedi-select__group-heading--selectable-c84cd617","tedi-select__option--indented":"tedi-select__option--indented-bf4a1661","tedi-select__multi-value-clear":"tedi-select__multi-value-clear-d231f7de","tedi-select--tags-row":"tedi-select--tags-row-c9f33e4b","tedi-select__overflow-tag":"tedi-select__overflow-tag-c0391df2","tedi-select__menu-list--keyboard":"tedi-select__menu-list--keyboard-3d066942","tedi-select__select-all":"tedi-select__select-all-12c3e7f1","tedi-select__group-heading-toggle":"tedi-select__group-heading-toggle-34296a63","tedi-select--tags-stack":"tedi-select--tags-stack-ddb929a9","tedi-select__separator":"tedi-select__separator-b1045f3f","tedi-select--searchable":"tedi-select--searchable-d56eb325"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-select__control":"tedi-select__control-dbce8bb7","tedi-select__value-container":"tedi-select__value-container-253d079a","tedi-select__indicators-container":"tedi-select__indicators-container-0fc8fa2a","tedi-select__input":"tedi-select__input-5525b622","tedi-select":"tedi-select-8b014852","tedi-select--disabled":"tedi-select--disabled-2d4b8ddd","tedi-select--invalid":"tedi-select--invalid-3901c89c","tedi-select--valid":"tedi-select--valid-969c0297","tedi-select__control--focused":"tedi-select__control--focused-0e632efe","tedi-select__arrow":"tedi-select__arrow-94b5ef4a","tedi-select__loading-indicator":"tedi-select__loading-indicator-a35a63ca","tedi-select__dropdown-indicator":"tedi-select__dropdown-indicator-5a948baa","tedi-select__clear-indicator":"tedi-select__clear-indicator-68b60b12","tedi-select__menu-portal":"tedi-select__menu-portal-d5349f37","tedi-select__menu":"tedi-select__menu-bf54b75b","tedi-select__menu-list--grid":"tedi-select__menu-list--grid-393f3232","tedi-select__menu-list":"tedi-select__menu-list-0aa06e24","tedi-select__menu-list-inner":"tedi-select__menu-list-inner-471e5cf8","tedi-select__menu-list-footer":"tedi-select__menu-list-footer-eb1d3bbc","tedi-select__option":"tedi-select__option-6f811381","tedi-select__option--disabled":"tedi-select__option--disabled-d3aff112","tedi-select__option--selected":"tedi-select__option--selected-a93e5fb0","tedi-select__option--focused":"tedi-select__option--focused-1d972ff1","tedi-select__option--control":"tedi-select__option--control-f69f3f48","tedi-select--small":"tedi-select--small-2659608b","tedi-select__multi-value-item":"tedi-select__multi-value-item-b8ec59ae","tedi-select__multi-value--ellipsis":"tedi-select__multi-value--ellipsis-1d821ed7","tedi-select__group":"tedi-select__group-b275e954","tedi-select__group-heading":"tedi-select__group-heading-02b3d9bc","tedi-select__group-heading--selectable":"tedi-select__group-heading--selectable-c84cd617","tedi-select__option--indented":"tedi-select__option--indented-bf4a1661","tedi-select__multi-value-clear":"tedi-select__multi-value-clear-d231f7de","tedi-select--tags-row":"tedi-select--tags-row-c9f33e4b","tedi-select__overflow-tag":"tedi-select__overflow-tag-c0391df2","tedi-select__menu-list--keyboard":"tedi-select__menu-list--keyboard-3d066942","tedi-select__select-all":"tedi-select__select-all-12c3e7f1","tedi-select__group-heading-toggle":"tedi-select__group-heading-toggle-34296a63","tedi-select--tags-stack":"tedi-select--tags-stack-ddb929a9","tedi-select__separator":"tedi-select__separator-b1045f3f","tedi-select--searchable":"tedi-select--searchable-d56eb325"};exports.default=e;

package/src/tedi/components/form/select/select.module.scss.es.js

@@ -20,8 +20,9 @@ const e = {
   "tedi-select__menu-list-footer": "tedi-select__menu-list-footer-eb1d3bbc",
   "tedi-select__option": "tedi-select__option-6f811381",
   "tedi-select__option--disabled": "tedi-select__option--disabled-d3aff112",
-  "tedi-select__option--focused": "tedi-select__option--focused-1d972ff1",
   "tedi-select__option--selected": "tedi-select__option--selected-a93e5fb0",
+  "tedi-select__option--focused": "tedi-select__option--focused-1d972ff1",
+  "tedi-select__option--control": "tedi-select__option--control-f69f3f48",
   "tedi-select--small": "tedi-select--small-2659608b",
   "tedi-select__multi-value-item": "tedi-select__multi-value-item-b8ec59ae",
   "tedi-select__multi-value--ellipsis": "tedi-select__multi-value--ellipsis-1d821ed7",

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("react/jsx-runtime"),w=require("../../../../../external/classnames/index.cjs.js"),a=require("react"),O=require("../textfield/textfield.cjs.js"),d=require("./textarea.module.scss.cjs.js"),M=a.forwardRef((N,o)=>{const{className:_,helper:p=[],characterLimit:s,onChange:n,onChangeEvent:g,value:l,defaultValue:b,autoGrow:t=!1,minRows:u=3,maxRows:y=12,height:H="7.5rem",maxHeight:i,...q}=N,[T,F]=a.useState(b??""),c=a.useRef(null),[v,E]=a.useState("auto"),j=a.useCallback(e=>{!l&&!(n||g)&&F(e),n==null||n(e)},[l,n,g]),m=a.useMemo(()=>l??T,[l,T]),r=a.useCallback(()=>{if(!t||!c.current)return;const e=c.current,$=e.style.overflow;e.style.overflow="hidden";const f=window.getComputedStyle(e);let h=parseFloat(f.lineHeight);isNaN(h)&&(h=(parseFloat(f.fontSize)||16)*1.5);const S=parseFloat(f.paddingTop),A=parseFloat(f.paddingBottom),B=e.scrollHeight-S-A;let x=Math.ceil(B/h);x=Math.min(Math.max(x,u),y);const R=`${x*h+S+A}px`;e.style.height=R,E(R),e.style.overflow=$,e.style.overflowY=e.scrollHeight>e.clientHeight?"auto":"hidden"},[t,u,y]);a.useEffect(()=>{t&&requestAnimationFrame(()=>{r()})},[m,t,r]),a.useEffect(()=>{t&&c.current&&r()},[t,r]);const k=a.useCallback(e=>{o&&(typeof o=="function"?o(e):o.current=e),e!=null&&e.input&&e.input instanceof HTMLTextAreaElement&&(c.current=e.input,t&&setTimeout(r,0))},[o,t,r]),z=a.useMemo(()=>t?{rows:u,style:{...i?{maxHeight:i}:{},overflow:"hidden",height:v}}:{style:{height:H,...i?{maxHeight:i}:{},overflow:"auto"}},[t,u,i,H,v]),C=m.length,I=s?`${C}/${s}`:"",V=[...Array.isArray(p)?p:[p],...s?[{type:C>s?"error":"hint",text:I,position:"right",className:w.default(d.default["tedi-textarea__character-count"])}]:[]];return L.jsx(O.TextField,{...q,ref:k,"data-name":"textarea",inputClassName:w.default(d.default["tedi-textarea__input"],{[d.default["tedi-textarea__input--auto-grow"]]:t}),isTextArea:!0,className:w.default(d.default["tedi-textarea"],_),value:m,onChange:j,onChangeEvent:g,helper:V,input:z})});M.displayName="TextArea";exports.TextArea=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("react/jsx-runtime"),w=require("../../../../../external/classnames/index.cjs.js"),a=require("react"),O=require("../textfield/textfield.cjs.js"),d=require("./textarea.module.scss.cjs.js"),N=a.forwardRef((_,o)=>{const{className:b,helper:p=[],characterLimit:s,onChange:n,onChangeEvent:g,value:l,defaultValue:q,autoGrow:t=!1,minRows:u=3,maxRows:y=12,height:H="7.5rem",maxHeight:i,...F}=_,[T,A]=a.useState(q??""),c=a.useRef(null),[v,E]=a.useState("auto"),j=a.useCallback(e=>{!l&&!(n||g)&&A(e),n==null||n(e)},[l,n,g]),m=a.useMemo(()=>l??T,[l,T]),r=a.useCallback(()=>{if(!t||!c.current)return;const e=c.current,$=e.style.overflow;e.style.overflow="hidden";const f=window.getComputedStyle(e);let h=parseFloat(f.lineHeight);isNaN(h)&&(h=(parseFloat(f.fontSize)||16)*1.5);const S=parseFloat(f.paddingTop),R=parseFloat(f.paddingBottom),B=e.scrollHeight-S-R;let x=Math.ceil(B/h);x=Math.min(Math.max(x,u),y);const M=`${x*h+S+R}px`;e.style.height=M,E(M),e.style.overflow=$,e.style.overflowY=e.scrollHeight>e.clientHeight?"auto":"hidden"},[t,u,y]);a.useEffect(()=>{t&&requestAnimationFrame(()=>{r()})},[m,t,r]),a.useEffect(()=>{t&&c.current&&r()},[t,r]);const k=a.useCallback(e=>{o&&(typeof o=="function"?o(e):o.current=e),e!=null&&e.input&&e.input instanceof HTMLTextAreaElement&&(c.current=e.input,t&&setTimeout(r,0))},[o,t,r]),z=a.useMemo(()=>t?{rows:u,style:{...i?{maxHeight:i}:{},overflow:"hidden",height:v}}:{style:{height:H,...i?{maxHeight:i}:{},overflow:"auto"}},[t,u,i,H,v]),C=m.length,I=s?`${C}/${s}`:"",V=[...Array.isArray(p)?p:[p],...s?[{type:C>s?"error":"hint",text:I,position:"right",className:w.default(d.default["tedi-textarea__character-count"])}]:[]];return L.jsx(O.TextField,{...F,ref:k,"data-name":"textarea",inputClassName:w.default(d.default["tedi-textarea__input"],{[d.default["tedi-textarea__input--auto-grow"]]:t}),isTextArea:!0,className:w.default(d.default["tedi-textarea"],b),value:m,onChange:j,onChangeEvent:g,helper:V,input:z})});N.displayName="Textarea";exports.Textarea=N;

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

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { TextFieldForwardRef, TextFieldProps } from '../textfield/textfield';
-export interface TextAreaProps extends TextFieldProps {
+export interface TextareaProps extends Omit<TextFieldProps, 'icon' | 'isClearable' | 'onClear'> {
     /**
      * Maximum number of characters allowed in the textarea.
      */
@@ -35,5 +35,5 @@ export interface TextAreaProps extends TextFieldProps {
      */
     maxHeight?: string | number;
 }
-export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<TextFieldForwardRef>>;
-export default TextArea;
+export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<TextFieldForwardRef>>;
+export default Textarea;

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

@@ -1,24 +1,24 @@
 import { jsx as q } from "react/jsx-runtime";
 import w from "../../../../../external/classnames/index.es.js";
-import a, { forwardRef as G, useRef as O, useEffect as R } from "react";
+import a, { forwardRef as G, useRef as O, useEffect as S } from "react";
 import { TextField as P } from "../textfield/textfield.es.js";
 import p from "./textarea.module.scss.es.js";
-const Y = G((S, r) => {
+const Y = G((F, r) => {
   const {
-    className: F,
+    className: M,
     helper: f = [],
     characterLimit: i,
     onChange: s,
     onChangeEvent: g,
     value: l,
-    defaultValue: M,
+    defaultValue: A,
     autoGrow: e = !1,
     minRows: c = 3,
     maxRows: H = 12,
     height: y = "7.5rem",
     maxHeight: n,
     ...b
-  } = S, [v, k] = a.useState(M ?? ""), u = O(null), [C, z] = a.useState("auto"), E = a.useCallback(
+  } = F, [v, k] = a.useState(A ?? ""), u = O(null), [C, z] = a.useState("auto"), E = a.useCallback(
     (t) => {
       !l && !(s || g) && k(t), s == null || s(t);
     },
@@ -33,14 +33,14 @@ const Y = G((S, r) => {
     const N = parseFloat(h.paddingTop), _ = parseFloat(h.paddingBottom), j = t.scrollHeight - N - _;
     let d = Math.ceil(j / m);
     d = Math.min(Math.max(d, c), H);
-    const A = `${d * m + N + _}px`;
-    t.style.height = A, z(A), t.style.overflow = L, t.style.overflowY = t.scrollHeight > t.clientHeight ? "auto" : "hidden";
+    const R = `${d * m + N + _}px`;
+    t.style.height = R, z(R), t.style.overflow = L, t.style.overflowY = t.scrollHeight > t.clientHeight ? "auto" : "hidden";
   }, [e, c, H]);
-  R(() => {
+  S(() => {
     e && requestAnimationFrame(() => {
       o();
     });
-  }, [x, e, o]), R(() => {
+  }, [x, e, o]), S(() => {
     e && u.current && o();
   }, [e, o]);
   const I = a.useCallback(
@@ -82,7 +82,7 @@ const Y = G((S, r) => {
         [p["tedi-textarea__input--auto-grow"]]: e
       }),
       isTextArea: !0,
-      className: w(p["tedi-textarea"], F),
+      className: w(p["tedi-textarea"], M),
       value: x,
       onChange: E,
       onChangeEvent: g,
@@ -91,7 +91,7 @@ const Y = G((S, r) => {
     }
   );
 });
-Y.displayName = "TextArea";
+Y.displayName = "Textarea";
 export {
-  Y as TextArea
+  Y as Textarea
 };

package/src/tedi/components/misc/ellipsis/ellipsis.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),a=require("../../overlays/popover/popover.cjs.js"),i=require("./ellipsis.module.scss.cjs.js"),x=require("../../../helpers/hooks/use-element-size.cjs.js"),g=d=>{const{children:l,lineClamp:r=2,position:s="end",popover:p=!0,className:u,...m}=d,n=o.useRef(null),[f,h]=o.useState(!1),v=x.useElementSize(n);o.useEffect(()=>{const t=n.current;t&&h(s==="start"?t.scrollWidth>t.clientWidth:t.scrollHeight>t.clientHeight)},[v,s,r]);const c=e.jsx("div",{"data-name":"ellipsis",...m,ref:n,className:j.default(i.default["tedi-ellipsis"],{[i.default["tedi-ellipsis--start"]]:s==="start"},u),style:s==="end"?{lineClamp:r,WebkitLineClamp:r}:void 0,children:s==="start"?e.jsx("span",{className:i.default["tedi-ellipsis__inner"],children:l}):l});return f&&p?e.jsxs(a.Popover,{openWith:"hover",focusManager:{modal:!1},children:[e.jsx(a.Popover.Trigger,{children:c}),e.jsx(a.Popover.Content,{children:e.jsx("span",{className:i.default["tedi-ellipsis__overlay"],children:l})})]}):c};exports.Ellipsis=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),a=require("../../overlays/popover/popover.cjs.js"),i=require("./ellipsis.module.scss.cjs.js"),g=require("../../../helpers/hooks/use-element-size.cjs.js"),E=p=>{const{children:l,lineClamp:r=2,position:s="end",popover:u=!0,className:m,...f}=p,n=o.useRef(null),[v,h]=o.useState(!1),j=g.useElementSize(n);o.useEffect(()=>{const t=n.current;t&&h(s==="start"?t.scrollWidth>t.clientWidth:t.scrollHeight>t.clientHeight)},[j,s,r]);const c=v&&u,d=e.jsx("div",{"data-name":"ellipsis",...f,ref:n,role:c?"button":void 0,className:x.default(i.default["tedi-ellipsis"],{[i.default["tedi-ellipsis--start"]]:s==="start"},m),style:s==="end"?{lineClamp:r,WebkitLineClamp:r}:void 0,children:s==="start"?e.jsx("span",{className:i.default["tedi-ellipsis__inner"],children:l}):l});return c?e.jsxs(a.Popover,{openWith:"hover",focusManager:{modal:!1},children:[e.jsx(a.Popover.Trigger,{children:d}),e.jsx(a.Popover.Content,{children:e.jsx("span",{className:i.default["tedi-ellipsis__overlay"],children:l})})]}):d};exports.Ellipsis=E;

package/src/tedi/components/misc/ellipsis/ellipsis.es.js

@@ -1,37 +1,38 @@
-import { jsx as t, jsxs as _ } from "react/jsx-runtime";
-import g from "../../../../../external/classnames/index.es.js";
-import o from "react";
+import { jsx as t, jsxs as g } from "react/jsx-runtime";
+import E from "../../../../../external/classnames/index.es.js";
+import n from "react";
 import { Popover as a } from "../../overlays/popover/popover.es.js";
 import i from "./ellipsis.module.scss.es.js";
-import { useElementSize as E } from "../../../helpers/hooks/use-element-size.es.js";
-const S = (m) => {
-  const { children: l, lineClamp: r = 2, position: e = "end", popover: p = !0, className: d, ...f } = m, n = o.useRef(null), [h, u] = o.useState(!1), v = E(n);
-  o.useEffect(() => {
-    const s = n.current;
-    s && u(
+import { useElementSize as N } from "../../../helpers/hooks/use-element-size.es.js";
+const b = (m) => {
+  const { children: l, lineClamp: r = 2, position: e = "end", popover: d = !0, className: f, ...h } = m, o = n.useRef(null), [u, v] = n.useState(!1), _ = N(o);
+  n.useEffect(() => {
+    const s = o.current;
+    s && v(
       e === "start" ? s.scrollWidth > s.clientWidth : s.scrollHeight > s.clientHeight
     );
-  }, [v, e, r]);
-  const c = /* @__PURE__ */ t(
+  }, [_, e, r]);
+  const c = u && d, p = /* @__PURE__ */ t(
     "div",
     {
       "data-name": "ellipsis",
-      ...f,
-      ref: n,
-      className: g(
+      ...h,
+      ref: o,
+      role: c ? "button" : void 0,
+      className: E(
         i["tedi-ellipsis"],
         { [i["tedi-ellipsis--start"]]: e === "start" },
-        d
+        f
       ),
       style: e === "end" ? { lineClamp: r, WebkitLineClamp: r } : void 0,
       children: e === "start" ? /* @__PURE__ */ t("span", { className: i["tedi-ellipsis__inner"], children: l }) : l
     }
   );
-  return h && p ? /* @__PURE__ */ _(a, { openWith: "hover", focusManager: { modal: !1 }, children: [
-    /* @__PURE__ */ t(a.Trigger, { children: c }),
+  return c ? /* @__PURE__ */ g(a, { openWith: "hover", focusManager: { modal: !1 }, children: [
+    /* @__PURE__ */ t(a.Trigger, { children: p }),
     /* @__PURE__ */ t(a.Content, { children: /* @__PURE__ */ t("span", { className: i["tedi-ellipsis__overlay"], children: l }) })
-  ] }) : c;
+  ] }) : p;
 };
 export {
-  S as Ellipsis
+  b as Ellipsis
 };

package/src/tedi/components/misc/timeline/components/timeline-description/timeline-description.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("../../../../../../../external/classnames/index.cjs.js"),l=require("../../timeline.module.scss.cjs.js"),i=({children:t,color:e="tertiary",className:n})=>r.jsx("div",{className:s.default(l.default["tedi-timeline-description"],{[`tedi-text--${e}`]:e!=="inherit"},n),children:t});i.displayName="TimelineDescription";exports.TimelineDescription=i;

package/src/tedi/components/misc/timeline/components/timeline-description/timeline-description.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+import { TextColor } from '../../../../base/typography/text/text';
+export interface TimelineDescriptionProps {
+    /**
+     * Description content, shown below the title in a muted style.
+     */
+    children?: ReactNode;
+    /**
+     * Text color, using the shared typography colors. Defaults to `tertiary`.
+     * Pass `'inherit'` to inherit the surrounding color instead.
+     * @default tertiary
+     */
+    color?: TextColor | 'inherit';
+    /**
+     * Additional class name.
+     */
+    className?: string;
+}
+export declare const TimelineDescription: {
+    ({ children, color, className, }: TimelineDescriptionProps): JSX.Element;
+    displayName: string;
+};
+export default TimelineDescription;

package/src/tedi/components/misc/timeline/components/timeline-description/timeline-description.es.js

@@ -0,0 +1,12 @@
+import { jsx as s } from "react/jsx-runtime";
+import m from "../../../../../../../external/classnames/index.es.js";
+import r from "../../timeline.module.scss.es.js";
+const o = ({
+  children: e,
+  color: i = "tertiary",
+  className: t
+}) => /* @__PURE__ */ s("div", { className: m(r["tedi-timeline-description"], { [`tedi-text--${i}`]: i !== "inherit" }, t), children: e });
+o.displayName = "TimelineDescription";
+export {
+  o as TimelineDescription
+};

package/src/tedi/components/misc/timeline/components/timeline-item/timeline-item.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),u=require("../../../../../../../external/classnames/index.cjs.js"),f=require("react"),p=require("../../../../../helpers/hooks/use-breakpoint.cjs.js"),_=require("../../../separator/separator.cjs.js"),t=require("../../timeline.module.scss.cjs.js"),x=require("../timeline-description/timeline-description.cjs.js"),T=require("../timeline-title/timeline-title.cjs.js"),j=({children:y,timings:h=[],timingsBottom:l,state:n="future",isLast:v=!1})=>{const N=p.default(),s=p.isBreakpointBelow(N,"lg"),o=f.Children.toArray(y),r=(e,a)=>f.isValidElement(e)&&e.type===a,q=o.find(e=>r(e,T.TimelineTitle)),b=o.find(e=>r(e,x.TimelineDescription)),d=o.filter(e=>!r(e,T.TimelineTitle)&&!r(e,x.TimelineDescription)),g=n==="future"?"secondary":"accent",S=n==="past"?"accent":"secondary",c=l!=null&&typeof l!="boolean",m=c&&i.jsx("div",{className:t.default["tedi-timeline__timings-bottom"],children:l});return i.jsxs("div",{className:u.default(t.default["tedi-timeline-item"],{[t.default["tedi-timeline__item--has-bottom"]]:s&&c}),children:[i.jsxs("div",{className:t.default["tedi-timeline__timings"],children:[h.map((e,a)=>i.jsx("span",{className:t.default["tedi-timeline__time"],children:e},`${e}-${a}`)),!s&&m]}),i.jsxs("div",{className:u.default(t.default["tedi-timeline__marker"],{[t.default["tedi-timeline__marker--large"]]:n==="current"}),children:[i.jsx(_.Separator,{variant:"dot-only",color:g,dotSize:n==="current"?"large":"medium",dotStyle:n==="future"?"outlined":"filled"}),!v&&i.jsx(_.Separator,{axis:"vertical",color:S})]}),i.jsxs("div",{className:t.default["tedi-timeline__info"],children:[i.jsxs("div",{children:[q,b]}),d.length>0&&i.jsx("div",{className:t.default["tedi-timeline__content"],children:d})]}),s&&m]})};j.displayName="TimelineItem";exports.TimelineItem=j;

package/src/tedi/components/misc/timeline/components/timeline-item/timeline-item.d.ts

@@ -0,0 +1,34 @@
+import { ReactNode } from 'react';
+import { TimelineItemState } from '../../timeline';
+export interface TimelineItemProps {
+    /**
+     * Item content. `Timeline.Title` and `Timeline.Description` are rendered in the
+     * info area; any other content is rendered below them.
+     */
+    children?: ReactNode;
+    /**
+     * Timing labels shown before the item (e.g. `['2024', '16. detsember']`). On desktop
+     * they stack in the left column (first line larger); on mobile they sit inline.
+     */
+    timings?: string[];
+    /**
+     * Content pinned to the bottom of the timings column on desktop and rendered after the
+     * item content on mobile — e.g. a "last modified" note.
+     */
+    timingsBottom?: ReactNode;
+    /**
+     * Current / past / future state. Injected by `Timeline` from its `activeIndex`.
+     * @internal
+     */
+    state?: TimelineItemState;
+    /**
+     * Whether this is the last item (hides the connecting line). Injected by `Timeline`.
+     * @internal
+     */
+    isLast?: boolean;
+}
+export declare const TimelineItem: {
+    ({ children, timings, timingsBottom, state, isLast, }: TimelineItemProps): JSX.Element;
+    displayName: string;
+};
+export default TimelineItem;

package/src/tedi/components/misc/timeline/components/timeline-item/timeline-item.es.js

@@ -0,0 +1,63 @@
+import { jsxs as o, jsx as n } from "react/jsx-runtime";
+import f from "../../../../../../../external/classnames/index.es.js";
+import { Children as B, isValidElement as C } from "react";
+import S, { isBreakpointBelow as j } from "../../../../../helpers/hooks/use-breakpoint.es.js";
+import { Separator as _ } from "../../../separator/separator.es.js";
+import i from "../../timeline.module.scss.es.js";
+import { TimelineDescription as u } from "../timeline-description/timeline-description.es.js";
+import { TimelineTitle as h } from "../timeline-title/timeline-title.es.js";
+const A = ({
+  children: y,
+  timings: v = [],
+  timingsBottom: r,
+  state: t = "future",
+  isLast: N = !1
+}) => {
+  const T = S(), m = j(T, "lg"), s = B.toArray(y), l = (e, c) => C(e) && e.type === c, k = s.find((e) => l(e, h)), b = s.find((e) => l(e, u)), a = s.filter((e) => !l(e, h) && !l(e, u)), g = t === "future" ? "secondary" : "accent", x = t === "past" ? "accent" : "secondary", d = r != null && typeof r != "boolean", p = d && /* @__PURE__ */ n("div", { className: i["tedi-timeline__timings-bottom"], children: r });
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: f(i["tedi-timeline-item"], {
+        [i["tedi-timeline__item--has-bottom"]]: m && d
+      }),
+      children: [
+        /* @__PURE__ */ o("div", { className: i["tedi-timeline__timings"], children: [
+          v.map((e, c) => /* @__PURE__ */ n("span", { className: i["tedi-timeline__time"], children: e }, `${e}-${c}`)),
+          !m && p
+        ] }),
+        /* @__PURE__ */ o(
+          "div",
+          {
+            className: f(i["tedi-timeline__marker"], {
+              [i["tedi-timeline__marker--large"]]: t === "current"
+            }),
+            children: [
+              /* @__PURE__ */ n(
+                _,
+                {
+                  variant: "dot-only",
+                  color: g,
+                  dotSize: t === "current" ? "large" : "medium",
+                  dotStyle: t === "future" ? "outlined" : "filled"
+                }
+              ),
+              !N && /* @__PURE__ */ n(_, { axis: "vertical", color: x })
+            ]
+          }
+        ),
+        /* @__PURE__ */ o("div", { className: i["tedi-timeline__info"], children: [
+          /* @__PURE__ */ o("div", { children: [
+            k,
+            b
+          ] }),
+          a.length > 0 && /* @__PURE__ */ n("div", { className: i["tedi-timeline__content"], children: a })
+        ] }),
+        m && p
+      ]
+    }
+  );
+};
+A.displayName = "TimelineItem";
+export {
+  A as TimelineItem
+};

package/src/tedi/components/misc/timeline/components/timeline-title/timeline-title.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("../../../../../../../external/classnames/index.cjs.js"),d=require("../../timeline.module.scss.cjs.js"),i=({children:t,color:e="secondary",className:l})=>n.jsx("div",{className:s.default(d.default["tedi-timeline-title"],{[`tedi-text--${e}`]:e!=="inherit"},l),children:t});i.displayName="TimelineTitle";exports.TimelineTitle=i;