@tedi-design-system/react 18.0.0-rc.20 → 18.0.0-rc.21

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

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

@@ -12,7 +12,7 @@ import { FeedbackText as w } from "../feedback-text/feedback-text.es.js";
 import { useOptionalInputGroup as ie } from "../input-group/input-group.es.js";
 import i from "./file-upload.module.scss.es.js";
 import { useLabels as ae } from "../../../providers/label-provider/use-labels.es.js";
-import { useBreakpoint as te, isBreakpointBelow as oe } from "../../../helpers/hooks/use-breakpoint.es.js";
+import te, { isBreakpointBelow as oe } from "../../../helpers/hooks/use-breakpoint.es.js";
 import { Row as ne } from "../../layout/grid/row.es.js";
 import { Col as R } from "../../layout/grid/col.es.js";
 const xe = (v) => {
@@ -155,6 +155,5 @@ const xe = (v) => {
   ] });
 };
 export {
-  xe as FileUpload,
-  xe as default
+  xe as FileUpload
 };

package/src/tedi/components/form/input-group/input-group.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),k=require("../../../../../external/classnames/index.cjs.js"),e=require("react"),G=require("../feedback-text/feedback-text.cjs.js"),w=require("../form-label/form-label.cjs.js"),N=require("./components/input/input.cjs.js"),R=require("./components/prefix/prefix.cjs.js"),A=require("./components/suffix/suffix.cjs.js"),t=require("./input-group.module.scss.cjs.js"),c=e.createContext(null),F=()=>{const s=e.useContext(c);if(!s)throw new Error("InputGroupContext missing");return s},T=()=>e.useContext(c),x=e.forwardRef(({className:s,addons:S=!0,helper:r,label:n,children:j,disabled:i,invalid:a,id:q,...P},h)=>{const l=e.useRef(null),v=e.useId(),p=q??v,[f,g]=e.useState(!1),[d,I]=e.useState(!1);e.useImperativeHandle(h,()=>({get root(){return l.current}}));const _=e.useMemo(()=>({hasPrefix:f,hasSuffix:d,disabled:i,invalid:a,hasExternalLabel:!!n,inputId:p,registerPrefix:()=>g(!0),unregisterPrefix:()=>g(!1),registerSuffix:()=>I(!0),unregisterSuffix:()=>I(!1)}),[p,f,d,i,a,n]),b=k.default(t.default["tedi-input-group"],{[t.default["tedi-input-group--addons"]]:S,[t.default["tedi-input-group--has-prefix"]]:f,[t.default["tedi-input-group--has-suffix"]]:d,[t.default["tedi-input-group--disabled"]]:i,[t.default["tedi-input-group--invalid"]]:a},s),y=()=>!r||Array.isArray(r)&&r.length===0?null:u.jsx("div",{className:t.default["tedi-input-group__feedback-wrapper"],children:Array.isArray(r)?r.map((C,m)=>u.jsx(G.FeedbackText,{...C,id:`group-helper-${m}`},m)):u.jsx(G.FeedbackText,{...r,id:"group-helper"})});return u.jsx(c.Provider,{value:_,children:u.jsxs("div",{ref:l,className:b,"data-name":"tedi-input-group","aria-disabled":i,children:[n&&u.jsx(w.FormLabel,{...P,label:n,id:p}),u.jsx("div",{className:t.default["tedi-input-group__row"],children:j}),y()]})})});x.displayName="InputGroup";const o=x;o.Prefix=R.Prefix;o.Suffix=A.Suffix;o.Input=N.Input;exports.InputGroupBase=x;exports.default=o;exports.useInputGroup=F;exports.useOptionalInputGroup=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),w=require("../../../../../external/classnames/index.cjs.js"),e=require("react"),G=require("../feedback-text/feedback-text.cjs.js"),N=require("../form-label/form-label.cjs.js"),R=require("./components/input/input.cjs.js"),_=require("./components/prefix/prefix.cjs.js"),A=require("./components/suffix/suffix.cjs.js"),t=require("./input-group.module.scss.cjs.js"),d=e.createContext(null),F=()=>{const n=e.useContext(d);if(!n)throw new Error("InputGroupContext missing");return n},T=()=>e.useContext(d),c=e.forwardRef(({className:n,addons:S=!0,helper:u,label:s,children:j,disabled:i,invalid:o,id:q,...P},h)=>{const l=e.useRef(null),y=e.useId(),a=q??y,[p,g]=e.useState(!1),[f,I]=e.useState(!1);e.useImperativeHandle(h,()=>({get root(){return l.current}}));const b=e.useMemo(()=>({hasPrefix:p,hasSuffix:f,disabled:i,invalid:o,hasExternalLabel:!!s,inputId:a,registerPrefix:()=>g(!0),unregisterPrefix:()=>g(!1),registerSuffix:()=>I(!0),unregisterSuffix:()=>I(!1)}),[a,p,f,i,o,s]),v=w.default(t.default["tedi-input-group"],{[t.default["tedi-input-group--addons"]]:S,[t.default["tedi-input-group--has-prefix"]]:p,[t.default["tedi-input-group--has-suffix"]]:f,[t.default["tedi-input-group--disabled"]]:i,[t.default["tedi-input-group--invalid"]]:o},n),C=()=>!u||Array.isArray(u)&&u.length===0?null:r.jsx("div",{className:t.default["tedi-input-group__feedback-wrapper"],children:Array.isArray(u)?u.map((k,m)=>r.jsx(G.FeedbackText,{...k,id:`group-helper-${m}`},m)):r.jsx(G.FeedbackText,{...u,id:"group-helper"})});return r.jsx(d.Provider,{value:b,children:r.jsxs("div",{ref:l,className:v,"data-name":"tedi-input-group","aria-disabled":i,children:[s&&r.jsx(N.FormLabel,{...P,label:s,id:a}),r.jsx("div",{className:t.default["tedi-input-group__row"],children:j}),C()]})})});c.displayName="InputGroup";const x=c;x.Prefix=_.Prefix;x.Suffix=A.Suffix;x.Input=R.Input;exports.InputGroupBase=c;exports.useInputGroup=F;exports.useOptionalInputGroup=T;

package/src/tedi/components/form/input-group/input-group.es.js

@@ -1,38 +1,38 @@
 import { jsx as e, jsxs as F } from "react/jsx-runtime";
 import H from "../../../../../external/classnames/index.es.js";
-import l, { forwardRef as j, useContext as S, createContext as E, useState as I, useImperativeHandle as L, useMemo as b } from "react";
+import l, { forwardRef as j, useState as I, useImperativeHandle as E, useMemo as L, useContext as S, createContext as b } from "react";
 import { FeedbackText as G } from "../feedback-text/feedback-text.es.js";
 import { FormLabel as B } from "../form-label/form-label.es.js";
 import { Input as M } from "./components/input/input.es.js";
 import { Prefix as O } from "./components/prefix/prefix.es.js";
 import { Suffix as T } from "./components/suffix/suffix.es.js";
 import r from "./input-group.module.scss.es.js";
-const f = E(null), W = () => {
+const f = b(null), W = () => {
   const u = S(f);
   if (!u) throw new Error("InputGroupContext missing");
   return u;
 }, X = () => S(f), h = j(
-  ({ className: u, addons: P = !0, helper: t, label: o, children: y, disabled: i, invalid: s, id: N, ..._ }, v) => {
-    const m = l.useRef(null), w = l.useId(), n = N ?? w, [p, c] = I(!1), [a, x] = I(!1);
-    L(v, () => ({
+  ({ className: u, addons: P = !0, helper: t, label: o, children: y, disabled: i, invalid: n, id: N, ..._ }, v) => {
+    const m = l.useRef(null), w = l.useId(), s = N ?? w, [p, c] = I(!1), [a, x] = I(!1);
+    E(v, () => ({
       get root() {
         return m.current;
       }
     }));
-    const C = b(
+    const C = L(
       () => ({
         hasPrefix: p,
         hasSuffix: a,
         disabled: i,
-        invalid: s,
+        invalid: n,
         hasExternalLabel: !!o,
-        inputId: n,
+        inputId: s,
         registerPrefix: () => c(!0),
         unregisterPrefix: () => c(!1),
         registerSuffix: () => x(!0),
         unregisterSuffix: () => x(!1)
       }),
-      [n, p, a, i, s, o]
+      [s, p, a, i, n, o]
     ), A = H(
       r["tedi-input-group"],
       {
@@ -40,12 +40,12 @@ const f = E(null), W = () => {
         [r["tedi-input-group--has-prefix"]]: p,
         [r["tedi-input-group--has-suffix"]]: a,
         [r["tedi-input-group--disabled"]]: i,
-        [r["tedi-input-group--invalid"]]: s
+        [r["tedi-input-group--invalid"]]: n
       },
       u
     ), R = () => !t || Array.isArray(t) && t.length === 0 ? null : /* @__PURE__ */ e("div", { className: r["tedi-input-group__feedback-wrapper"], children: Array.isArray(t) ? t.map((k, g) => /* @__PURE__ */ e(G, { ...k, id: `group-helper-${g}` }, g)) : /* @__PURE__ */ e(G, { ...t, id: "group-helper" }) });
     return /* @__PURE__ */ e(f.Provider, { value: C, children: /* @__PURE__ */ F("div", { ref: m, className: A, "data-name": "tedi-input-group", "aria-disabled": i, children: [
-      o && /* @__PURE__ */ e(B, { ..._, label: o, id: n }),
+      o && /* @__PURE__ */ e(B, { ..._, label: o, id: s }),
       /* @__PURE__ */ e("div", { className: r["tedi-input-group__row"], children: y }),
       R()
     ] }) });
@@ -58,7 +58,6 @@ d.Suffix = T;
 d.Input = M;
 export {
   h as InputGroupBase,
-  d as default,
   W as useInputGroup,
   X as useOptionalInputGroup
 };

package/src/tedi/components/form/number-field/number-field.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),B=require("../../../../../external/classnames/index.cjs.js"),u=require("react"),le=require("../../base/typography/text/text.cjs.js"),re=require("../../buttons/button/button.cjs.js"),se=require("../feedback-text/feedback-text.cjs.js"),ue=require("../form-label/form-label.cjs.js"),n=require("./number-field.module.scss.cjs.js"),de=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),oe=require("../../../providers/label-provider/use-labels.cjs.js"),S=L=>{const{getCurrentBreakpointProps:C}=de.useBreakpointProps(L.defaultServerBreakpoint),{getLabel:T,locale:D}=oe.useLabels(),W=D==="en"?".":",",{id:N,label:A,hideLabel:G,required:V,className:g,size:y,inputMode:H,decimalPlaces:p,decimalSeparator:F=W,min:d,max:o,step:I=1,defaultValue:w,value:c,onChange:a,suffix:h,fullWidth:J=!1,disabled:b=!1,invalid:k=!1,helper:i,input:v}=C(L),K=H??(p&&p>0||F===","?"decimal":"numeric"),m=u.useCallback(e=>e===void 0?"":F===","?String(e).replace(".",","):String(e),[F]),x=u.useRef(null),q=u.useRef(!1),[E,O]=u.useState(""),[Q,M]=u.useState(w),[X,_]=u.useState(()=>m(c??w)),l=a&&typeof c<"u"?c:Q;u.useEffect(()=>{!q.current&&typeof c<"u"&&_(m(c))},[c,m]);const P=i?`${N}-helper`:void 0,U=u.useCallback(e=>{if(e===void 0)return k||(i==null?void 0:i.type)==="error";const t=d!==void 0&&e<d,s=o!==void 0&&e>o;return k||t||s||(i==null?void 0:i.type)==="error"},[k,i,o,d]),R=e=>Math.min(o??1/0,Math.max(d??-1/0,e)),Y=e=>{const t=T("numberField.quantityUpdated",e);O(t),setTimeout(()=>{O("")},5e3)},$=e=>p!==void 0?parseFloat(e.toFixed(p)):e,Z=e=>{let t=l??0;e==="increment"&&(t=t+I),e==="decrement"&&(t=t-I),t=R(t),t=$(t),Y(t),a==null||a(t),M(t),_(m(t))},ee=({currentTarget:{value:e}})=>{if(_(e),e===""){l!==void 0&&(a==null||a(void 0),M(void 0));return}const t=e.replace(",",".");if(!/^-?(\d+(\.\d*)?|\.\d+)$/.test(t))return;const s=parseFloat(t);if(Number.isNaN(s))return;const f=R(s),j=$(f);j!==l&&(a==null||a(j),M(j))},te=()=>{q.current=!0},ne=()=>{q.current=!1,_(m(l))},z=e=>{const t=l!==void 0&&(e==="increment"?o!==void 0&&l>=o:d!==void 0&&l<=d),s=B.default(n.default["tedi-number-field__button"],n.default[`tedi-number-field__button--${e}`],{[n.default["tedi-number-field__button--disabled"]]:t||b}),f=T(`numberField.${e}`,I);return r.jsx(re.Button,{"aria-label":f,onClick:()=>Z(e),disabled:t||b,visualType:"secondary",className:s,icon:{name:e==="increment"?"add":"remove"},size:y==="small"?"small":void 0,children:e==="increment"?"+":"-"})},ae=()=>{const e=B.default(n.default["tedi-number-field__input-wrapper"],{[n.default["tedi-number-field__input-wrapper--with-suffix"]]:h,[n.default["tedi-number-field__input-wrapper--full-width"]]:J}),t=B.default(n.default["tedi-number-field__input"],v==null?void 0:v.className),s=()=>{var f;return(f=x==null?void 0:x.current)==null?void 0:f.focus()};return r.jsxs("div",{className:e,onClick:s,children:[r.jsx("input",{ref:x,id:N,role:"spinbutton","aria-valuemin":d,"aria-valuemax":o,"aria-valuenow":l,"aria-describedby":P,"aria-invalid":U(l)?"true":"false",type:"text",inputMode:K,value:X,required:V,disabled:b,onChange:ee,onFocus:te,onBlur:ne,className:t,...v}),h&&r.jsx(le.Text,{element:"span",modifiers:"small",color:"tertiary",className:n.default["tedi-number-field__suffix"],children:h})]})},ie=B.default(n.default["tedi-number-field"],{[n.default["tedi-number-field--invalid"]]:U(l)},{[n.default["tedi-number-field--disabled"]]:b},{[n.default["tedi-number-field--small"]]:y==="small"},g);return r.jsxs("div",{"data-name":"number-field",className:g,children:[r.jsx(ue.FormLabel,{id:N,label:A,required:V,hideLabel:G,size:y}),r.jsxs("div",{className:ie,children:[z("decrement"),ae(),z("increment")]}),i&&r.jsx(se.FeedbackText,{className:n.default["tedi-number-field__feedback"],...i,id:P}),E&&r.jsx("div",{"aria-live":"polite",className:"sr-only",children:E})]})};S.displayName="NumberField";exports.NumberField=S;exports.default=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),y=require("../../../../../external/classnames/index.cjs.js"),u=require("react"),re=require("../../base/typography/text/text.cjs.js"),le=require("../../buttons/button/button.cjs.js"),se=require("../feedback-text/feedback-text.cjs.js"),ue=require("../form-label/form-label.cjs.js"),n=require("./number-field.module.scss.cjs.js"),de=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),oe=require("../../../providers/label-provider/use-labels.cjs.js"),z=S=>{const{getCurrentBreakpointProps:C}=de.useBreakpointProps(S.defaultServerBreakpoint),{getLabel:L,locale:D}=oe.useLabels(),W=D==="en"?".":",",{id:B,label:A,hideLabel:G,required:T,className:V,size:N,inputMode:H,decimalPlaces:p,decimalSeparator:F=W,min:d,max:o,step:I=1,defaultValue:g,value:c,onChange:a,suffix:h,fullWidth:J=!1,disabled:b=!1,invalid:k=!1,helper:i,input:v}=C(S),K=H??(p&&p>0||F===","?"decimal":"numeric"),m=u.useCallback(e=>e===void 0?"":F===","?String(e).replace(".",","):String(e),[F]),x=u.useRef(null),q=u.useRef(!1),[w,E]=u.useState(""),[Q,j]=u.useState(g),[X,_]=u.useState(()=>m(c??g)),r=a&&typeof c<"u"?c:Q;u.useEffect(()=>{!q.current&&typeof c<"u"&&_(m(c))},[c,m]);const O=i?`${B}-helper`:void 0,P=u.useCallback(e=>{if(e===void 0)return k||(i==null?void 0:i.type)==="error";const t=d!==void 0&&e<d,s=o!==void 0&&e>o;return k||t||s||(i==null?void 0:i.type)==="error"},[k,i,o,d]),U=e=>Math.min(o??1/0,Math.max(d??-1/0,e)),Y=e=>{const t=L("numberField.quantityUpdated",e);E(t),setTimeout(()=>{E("")},5e3)},R=e=>p!==void 0?parseFloat(e.toFixed(p)):e,Z=e=>{let t=r??0;e==="increment"&&(t=t+I),e==="decrement"&&(t=t-I),t=U(t),t=R(t),Y(t),a==null||a(t),j(t),_(m(t))},ee=({currentTarget:{value:e}})=>{if(_(e),e===""){r!==void 0&&(a==null||a(void 0),j(void 0));return}const t=e.replace(",",".");if(!/^-?(\d+(\.\d*)?|\.\d+)$/.test(t))return;const s=parseFloat(t);if(Number.isNaN(s))return;const f=U(s),M=R(f);M!==r&&(a==null||a(M),j(M))},te=()=>{q.current=!0},ne=()=>{q.current=!1,_(m(r))},$=e=>{const t=r!==void 0&&(e==="increment"?o!==void 0&&r>=o:d!==void 0&&r<=d),s=y.default(n.default["tedi-number-field__button"],n.default[`tedi-number-field__button--${e}`],{[n.default["tedi-number-field__button--disabled"]]:t||b}),f=L(`numberField.${e}`,I);return l.jsx(le.Button,{"aria-label":f,onClick:()=>Z(e),disabled:t||b,visualType:"secondary",className:s,icon:{name:e==="increment"?"add":"remove"},size:N==="small"?"small":void 0,children:e==="increment"?"+":"-"})},ae=()=>{const e=y.default(n.default["tedi-number-field__input-wrapper"],{[n.default["tedi-number-field__input-wrapper--with-suffix"]]:h,[n.default["tedi-number-field__input-wrapper--full-width"]]:J}),t=y.default(n.default["tedi-number-field__input"],v==null?void 0:v.className),s=()=>{var f;return(f=x==null?void 0:x.current)==null?void 0:f.focus()};return l.jsxs("div",{className:e,onClick:s,children:[l.jsx("input",{ref:x,id:B,role:"spinbutton","aria-valuemin":d,"aria-valuemax":o,"aria-valuenow":r,"aria-describedby":O,"aria-invalid":P(r)?"true":"false",type:"text",inputMode:K,value:X,required:T,disabled:b,onChange:ee,onFocus:te,onBlur:ne,className:t,...v}),h&&l.jsx(re.Text,{element:"span",modifiers:"small",color:"tertiary",className:n.default["tedi-number-field__suffix"],children:h})]})},ie=y.default(n.default["tedi-number-field"],{[n.default["tedi-number-field--invalid"]]:P(r)},{[n.default["tedi-number-field--disabled"]]:b},{[n.default["tedi-number-field--small"]]:N==="small"},V);return l.jsxs("div",{"data-name":"number-field",className:V,children:[l.jsx(ue.FormLabel,{id:B,label:A,required:T,hideLabel:G,size:N}),l.jsxs("div",{className:ie,children:[$("decrement"),ae(),$("increment")]}),i&&l.jsx(se.FeedbackText,{className:n.default["tedi-number-field__feedback"],...i,id:O}),w&&l.jsx("div",{"aria-live":"polite",className:"sr-only",children:w})]})};z.displayName="NumberField";exports.NumberField=z;

package/src/tedi/components/form/number-field/number-field.es.js

@@ -1,8 +1,8 @@
 import { jsxs as L, jsx as c } from "react/jsx-runtime";
 import _ from "../../../../../external/classnames/index.es.js";
 import { useCallback as D, useRef as W, useState as S, useEffect as se } from "react";
-import { Text as de } from "../../base/typography/text/text.es.js";
-import { Button as oe } from "../../buttons/button/button.es.js";
+import { Text as oe } from "../../base/typography/text/text.es.js";
+import { Button as de } from "../../buttons/button/button.es.js";
 import { FeedbackText as ue } from "../feedback-text/feedback-text.es.js";
 import { FormLabel as ce } from "../form-label/form-label.es.js";
 import n from "./number-field.module.scss.es.js";
@@ -23,7 +23,7 @@ const pe = (T) => {
     max: s,
     step: x = 1,
     defaultValue: O,
-    value: o,
+    value: d,
     onChange: i,
     suffix: h,
     fullWidth: Q = !1,
@@ -34,16 +34,16 @@ const pe = (T) => {
   } = A(T), X = K ?? (f && f > 0 || I === "," ? "decimal" : "numeric"), m = D(
     (e) => e === void 0 ? "" : I === "," ? String(e).replace(".", ",") : String(e),
     [I]
-  ), v = W(null), M = W(!1), [$, g] = S(""), [Y, k] = S(O), [Z, N] = S(() => m(o ?? O)), a = i && typeof o < "u" ? o : Y;
+  ), v = W(null), M = W(!1), [$, g] = S(""), [Y, k] = S(O), [Z, N] = S(() => m(d ?? O)), a = i && typeof d < "u" ? d : Y;
   se(() => {
-    !M.current && typeof o < "u" && N(m(o));
-  }, [o, m]);
+    !M.current && typeof d < "u" && N(m(d));
+  }, [d, m]);
   const z = r ? `${y}-helper` : void 0, P = D(
     (e) => {
       if (e === void 0)
         return F || (r == null ? void 0 : r.type) === "error";
-      const t = l !== void 0 && e < l, d = s !== void 0 && e > s;
-      return F || t || d || (r == null ? void 0 : r.type) === "error";
+      const t = l !== void 0 && e < l, o = s !== void 0 && e > s;
+      return F || t || o || (r == null ? void 0 : r.type) === "error";
     },
     [F, r, s, l]
   ), j = (e) => Math.min(s ?? 1 / 0, Math.max(l ?? -1 / 0, e)), ee = (e) => {
@@ -62,26 +62,26 @@ const pe = (T) => {
     const t = e.replace(",", ".");
     if (!/^-?(\d+(\.\d*)?|\.\d+)$/.test(t))
       return;
-    const d = parseFloat(t);
-    if (Number.isNaN(d)) return;
-    const u = j(d), V = q(u);
+    const o = parseFloat(t);
+    if (Number.isNaN(o)) return;
+    const u = j(o), V = q(u);
     V !== a && (i == null || i(V), k(V));
   }, ie = () => {
     M.current = !0;
   }, re = () => {
     M.current = !1, N(m(a));
   }, C = (e) => {
-    const t = a !== void 0 && (e === "increment" ? s !== void 0 && a >= s : l !== void 0 && a <= l), d = _(n["tedi-number-field__button"], n[`tedi-number-field__button--${e}`], {
+    const t = a !== void 0 && (e === "increment" ? s !== void 0 && a >= s : l !== void 0 && a <= l), o = _(n["tedi-number-field__button"], n[`tedi-number-field__button--${e}`], {
       [n["tedi-number-field__button--disabled"]]: t || p
     }), u = w(`numberField.${e}`, x);
     return /* @__PURE__ */ c(
-      oe,
+      de,
       {
         "aria-label": u,
         onClick: () => te(e),
         disabled: t || p,
         visualType: "secondary",
-        className: d,
+        className: o,
         icon: { name: e === "increment" ? "add" : "remove" },
         size: B === "small" ? "small" : void 0,
         children: e === "increment" ? "+" : "-"
@@ -119,7 +119,7 @@ const pe = (T) => {
           ...b
         }
       ),
-      h && /* @__PURE__ */ c(de, { element: "span", modifiers: "small", color: "tertiary", className: n["tedi-number-field__suffix"], children: h })
+      h && /* @__PURE__ */ c(oe, { element: "span", modifiers: "small", color: "tertiary", className: n["tedi-number-field__suffix"], children: h })
     ] });
   }, le = _(
     n["tedi-number-field"],
@@ -141,6 +141,5 @@ const pe = (T) => {
 };
 pe.displayName = "NumberField";
 export {
-  pe as NumberField,
-  pe as default
+  pe as NumberField
 };

package/src/tedi/components/form/select/components/select-group-bulk-context.es.js

@@ -1,5 +1,5 @@
-import { useContext as t, createContext as e } from "react";
-const o = e(null), l = () => t(o);
+import { createContext as t, useContext as e } from "react";
+const o = t(null), l = () => e(o);
 export {
   o as SelectGroupBulkContext,
   l as useSelectGroupBulkApi

package/src/tedi/components/form/select/components/select-menu-portal.d.ts

@@ -1,3 +1,3 @@
-import { MenuPortalProps } from 'react-select/dist/declarations/src/components/Menu';
+import { MenuPortalProps } from '../../../../../../node_modules/react-select/dist/declarations/src/components/Menu';
 import { IGroupedOptions, ISelectOption } from '../select';
 export declare const SelectMenuPortal: (props: MenuPortalProps<ISelectOption, boolean, IGroupedOptions<ISelectOption>>) => JSX.Element;

package/src/tedi/components/form/select/examples/async.d.ts

@@ -1,3 +1,3 @@
-import { StoryFn } from '@storybook/react';
+import { StoryFn } from '@storybook/react-vite';
 import { default as Select } from '../select';
 export declare const AsyncSelectTemplate: StoryFn<typeof Select>;

package/src/tedi/components/form/select/examples/custom-option.d.ts

@@ -1,3 +1,3 @@
-import { StoryFn } from '@storybook/react';
+import { StoryFn } from '@storybook/react-vite';
 import { default as Select } from '../select';
 export declare const CustomOptionSelectTemplate: StoryFn<typeof Select>;

package/src/tedi/components/form/select/examples/editable.d.ts

@@ -1,3 +1,3 @@
-import { StoryFn } from '@storybook/react';
+import { StoryFn } from '@storybook/react-vite';
 import { default as Select } from '../select';
 export declare const EditableSelectTemplate: StoryFn<typeof Select>;

package/src/tedi/components/form/select/examples/multiple-handled.d.ts

@@ -1,4 +1,4 @@
-import { StoryFn } from '@storybook/react';
+import { StoryFn } from '@storybook/react-vite';
 import { default as Select, ISelectOption } from '../select';
 export declare const colourOptions: ISelectOption[];
 export declare const MultipleHandledTemplate: StoryFn<typeof Select>;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("react/jsx-runtime"),X=require("../../../../../external/classnames/index.cjs.js"),a=require("react"),We=require("../../../../../external/react-select/dist/react-select.esm.cjs.js"),Xe=require("../../../../../external/react-select/async/dist/react-select-async.esm.cjs.js"),Je=require("../feedback-text/feedback-text.cjs.js"),Qe=require("../form-label/form-label.cjs.js"),q=require("../input-group/input-group.cjs.js"),Ye=require("../input-group/input-group.module.scss.cjs.js"),r=require("./components/select-bulk-helpers.cjs.js"),Ze=require("./components/select-clear-indicator.cjs.js"),et=require("./components/select-control.cjs.js"),tt=require("./components/select-dropdown-indicator.cjs.js"),lt=require("./components/select-group.cjs.js"),nt=require("./components/select-group-heading.cjs.js"),ot=require("./components/select-indicators-container.cjs.js"),st=require("./components/select-input.cjs.js"),at=require("./components/select-loading-indicator.cjs.js"),rt=require("./components/select-menu.cjs.js"),it=require("./components/select-menu-list.cjs.js"),ut=require("./components/select-menu-portal.cjs.js"),ct=require("./components/select-multi-value.cjs.js"),dt=require("./components/select-multi-value-remove.cjs.js"),pt=require("./components/select-option.cjs.js"),ft=require("./components/select-single-value.cjs.js"),gt=require("./components/select-value-container.cjs.js"),f=require("./select.module.scss.cjs.js"),mt=require("../../../providers/label-provider/use-labels.cjs.js"),E=a.forwardRef((w,J)=>{var W;const{options:c,defaultOptions:Q,id:k,name:Y,iconName:Z="arrow_drop_down",label:ee,required:x,value:R,defaultValue:T,tagsDirection:C="stack",onChange:O,onInputChange:te,inputValue:le,loadOptions:ne,isLoading:oe,openMenuOnFocus:se=!1,openMenuOnClick:ae=!0,tabSelectsValue:re=!1,disabled:D=!1,className:ie,hideLabel:ue=!1,helper:i,placeholder:ce,invalid:de,valid:pe,size:V,async:fe=!1,renderOption:ge,renderMessageListFooter:G,noOptionsMessage:me,loadingMessage:Se,multiple:L=!1,showSelectAll:P=!1,selectableGroups:F=!1,dropdownType:be="menu",renderValue:Me,closeMenuOnSelect:ve=!L,blurInputOnSelect:N=!1,autoFocus:Le=!1,isClearable:ye=!0,isClearIndicatorVisible:Ie=!1,isSearchable:j=!0,menuIsOpen:he,onMenuClose:Ae,onMenuOpen:Ce,onBlur:Oe,inputIsHidden:Ve,isTagRemovable:_e=!1,backspaceRemovesValue:qe=!1,optionGroupHeadingText:Ee={modifiers:"small",color:"tertiary"},cacheOptions:we=!0,showRadioButtons:ke=!1,renderWithoutLabel:xe,tooltip:Re,classNames:H}=w,g=(W=q.useOptionalInputGroup)==null?void 0:W.call(q),Te=a.useId(),De=g==null?void 0:g.hasExternalLabel,_=w.id??(g==null?void 0:g.inputId)??Te,U=i?(i==null?void 0:i.id)??`${_}-helper`:void 0,I=a.useRef(null),{getLabel:h}=mt.useLabels();a.useImperativeHandle(J,()=>I.current);const S=!!P&&L,[Ge,Pe]=a.useState(T??null),B=R!==void 0,m=B?R:Ge,d=a.useMemo(()=>Array.isArray(m)?m:m?[m]:[],[m]),A=a.useMemo(()=>({value:r.SELECT_ALL_VALUE,label:h("select.select-all")}),[h]),b=!!F&&!!L,{groupFlattenedOptions:K,groupSentinelMap:y}=a.useMemo(()=>{const t=new Map;if(!b||!c||c.length===0)return{groupFlattenedOptions:null,groupSentinelMap:t};if(!c.some(e=>e&&Array.isArray(e.options)))return{groupFlattenedOptions:null,groupSentinelMap:t};const n=[],u=new Map;for(const e of c)if(e&&Array.isArray(e.options)){const l=e,o=`${r.GROUP_OPTION_PREFIX}${l.label??""}`,p=l.options.filter(M=>!M.isDisabled);u.set(o,{enabled:p}),n.push({value:o,label:l.label??""});for(const M of l.options)n.push({...M,customData:{...M.customData??{},__tediInGroup:!0}})}else n.push(e);return{groupFlattenedOptions:n,groupSentinelMap:u}},[c,b]),Fe=a.useMemo(()=>{let t=K??c;return S&&t&&t.length>0&&(t=[A,...t]),t},[c,K,S,A]),Ne=a.useMemo(()=>{const t=[];if(b&&y.size>0)for(const[s,n]of y)n.enabled.length>0&&r.areAllSelected(d,n.enabled)&&t.push({value:s,label:""});if(S){const s=r.getEnabledOptions(c??[]);s.length>0&&r.areAllSelected(d,s)&&t.push(A)}return t.length===0?m:[...d,...t]},[m,d,c,b,y,S,A]),je=(t,s)=>{let n=t;const u=s.option;if(b&&u&&y.has(u.value)){const e=y.get(u.value).enabled;if(s.action==="select-option"){const l=[...d];for(const o of e)l.some(p=>p.value===o.value)||l.push(o);n=l}else s.action==="deselect-option"&&(n=d.filter(l=>!e.some(o=>o.value===l.value)))}else if(S){const e=r.getEnabledOptions(c??[]),l=(u==null?void 0:u.value)===r.SELECT_ALL_VALUE;l&&s.action==="select-option"?n=[...d.filter(p=>p.value!==r.SELECT_ALL_VALUE&&!e.some(M=>M.value===p.value)),...e]:l&&s.action==="deselect-option"&&(n=d.filter(o=>o.value!==r.SELECT_ALL_VALUE&&!e.some(p=>p.value===o.value)))}Array.isArray(n)&&(n=n.filter(e=>e.value!==r.SELECT_ALL_VALUE&&!r.isGroupSentinel(e))),B||Pe(n),O==null||O(n),!N&&I.current&&setTimeout(()=>{var e,l;return(l=(e=I.current)==null?void 0:e.inputRef)==null?void 0:l.focus()},0)},He=a.useCallback((t,s)=>t.data.value===r.SELECT_ALL_VALUE||r.isGroupSentinel(t.data)||!s?!0:String(t.label).toLowerCase().includes(s.toLowerCase()),[]),[$,z]=a.useState(!1),Ue=t=>{(t.key==="ArrowUp"||t.key==="ArrowDown"||t.key==="Home"||t.key==="End"||t.key==="PageUp"||t.key==="PageDown"||t.key==="Tab")&&($||z(!0))},Be=a.useCallback(()=>{z(t=>t&&!1)},[]),Ke=a.useCallback(t=>v.jsx(it.SelectMenuList,{...t,renderMessageListFooter:G}),[G]),$e=()=>{const t={ClearIndicator:e=>Ze.SelectClearIndicator({isClearIndicatorVisible:Ie,...e}),DropdownIndicator:()=>tt.SelectDropDownIndicator({iconName:Z}),IndicatorSeparator:()=>null,MenuPortal:ut.SelectMenuPortal,Menu:rt.SelectMenu,MenuList:Ke,Option:e=>pt.SelectOption({renderOption:ge,multiple:L,showRadioButtons:ke,...e}),Control:et.SelectControl,Input:st.SelectInput,MultiValue:e=>ct.SelectMultiValue({isTagRemovable:_e,...e}),MultiValueRemove:dt.SelectMultiValueRemove,SingleValue:ft.SelectSingleValue,Group:lt.SelectGroup,GroupHeading:e=>nt.SelectGroupHeading({optionGroupHeadingText:Ee,...e}),IndicatorsContainer:ot.SelectIndicatorsContainer,ValueContainer:gt.SelectValueContainer,LoadingIndicator:at.SelectLoadingIndicator},s=fe?Xe.default:We.default,n=()=>h("select.no-options"),u=()=>h("select.loading");return v.jsx(s,{tagsDirection:C,showSelectAll:P,selectableGroups:F,dropdownType:be,renderValue:Me,keyboardMode:$,exitKeyboardMode:Be,onKeyDown:Ue,id:_,"aria-describedby":U,autoFocus:Le,ref:I,instanceId:k,className:"tedi-select__wrapper",name:Y,options:Fe,defaultOptions:Q,value:Ne,defaultValue:T,cacheOptions:we,onChange:je,filterOption:S||b?He:void 0,onInputChange:te,onBlur:Oe,inputValue:le,inputId:`${k}-input`,loadOptions:ne,isLoading:oe,noOptionsMessage:me||n,loadingMessage:Se||u,classNamePrefix:"select",components:t,isDisabled:D,isSearchable:j,menuIsOpen:he,openMenuOnFocus:se,openMenuOnClick:ae,tabSelectsValue:re,onMenuClose:Ae,onMenuOpen:Ce,placeholder:ce||"",isClearable:ye,backspaceRemovesValue:qe,menuShouldScrollIntoView:!0,isMulti:L,hideSelectedOptions:!1,closeMenuOnSelect:ve,blurInputOnSelect:N,menuPlacement:"auto",inputIsHidden:Ve,required:x,menuPortalTarget:document.body,menuPosition:"absolute",classNames:(()=>{const e={};if(H)for(const[l,o]of Object.entries(H))e[l]=typeof o=="string"?()=>o:o;if(g){const l=e.control;e.control=o=>X.default(l==null?void 0:l(o),Ye.default["tedi-input-group__input"])}return Object.keys(e).length>0?e: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"})}})},ze=X.default(f.default["tedi-select"],ie,{[f.default["tedi-select--invalid"]]:de||(i==null?void 0:i.type)==="error"},{[f.default["tedi-select--valid"]]:pe||(i==null?void 0:i.type)==="valid"},{[f.default[`tedi-select--${V}`]]:V},{[f.default[`tedi-select--tags-${C}`]]:C},{[f.default["tedi-select--searchable"]]:j},{[f.default["tedi-select--disabled"]]:D});return v.jsxs("div",{"data-name":"select",className:ze,children:[v.jsxs("div",{className:f.default["tedi-select__inner"],children:[!De&&v.jsx(Qe.FormLabel,{id:`${_}-input`,label:ee,required:x,hideLabel:ue,size:V,renderWithoutLabel:xe,tooltip:Re}),$e()]}),i&&v.jsx(Je.FeedbackText,{...i,id:U})]})});E.displayName="Select";exports.Select=E;exports.default=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react/jsx-runtime"),W=require("../../../../../external/classnames/index.cjs.js"),a=require("react"),We=require("../../../../../external/react-select/dist/react-select.esm.cjs.js"),Xe=require("../../../../../external/react-select/async/dist/react-select-async.esm.cjs.js"),Je=require("../feedback-text/feedback-text.cjs.js"),Qe=require("../form-label/form-label.cjs.js"),_=require("../input-group/input-group.cjs.js"),Ye=require("../input-group/input-group.module.scss.cjs.js"),r=require("./components/select-bulk-helpers.cjs.js"),Ze=require("./components/select-clear-indicator.cjs.js"),et=require("./components/select-control.cjs.js"),tt=require("./components/select-dropdown-indicator.cjs.js"),lt=require("./components/select-group.cjs.js"),nt=require("./components/select-group-heading.cjs.js"),ot=require("./components/select-indicators-container.cjs.js"),st=require("./components/select-input.cjs.js"),at=require("./components/select-loading-indicator.cjs.js"),rt=require("./components/select-menu.cjs.js"),it=require("./components/select-menu-list.cjs.js"),ut=require("./components/select-menu-portal.cjs.js"),ct=require("./components/select-multi-value.cjs.js"),dt=require("./components/select-multi-value-remove.cjs.js"),pt=require("./components/select-option.cjs.js"),ft=require("./components/select-single-value.cjs.js"),gt=require("./components/select-value-container.cjs.js"),f=require("./select.module.scss.cjs.js"),mt=require("../../../providers/label-provider/use-labels.cjs.js"),X=a.forwardRef((E,J)=>{var z;const{options:c,defaultOptions:Q,id:w,name:Y,iconName:Z="arrow_drop_down",label:ee,required:k,value:x,defaultValue:R,tagsDirection:C="stack",onChange:O,onInputChange:te,inputValue:le,loadOptions:ne,isLoading:oe,openMenuOnFocus:se=!1,openMenuOnClick:ae=!0,tabSelectsValue:re=!1,disabled:T=!1,className:ie,hideLabel:ue=!1,helper:i,placeholder:ce,invalid:de,valid:pe,size:V,async:fe=!1,renderOption:ge,renderMessageListFooter:D,noOptionsMessage:me,loadingMessage:Se,multiple:v=!1,showSelectAll:G=!1,selectableGroups:P=!1,dropdownType:be="menu",renderValue:Le,closeMenuOnSelect:Me=!v,blurInputOnSelect:F=!1,autoFocus:ve=!1,isClearable:ye=!0,isClearIndicatorVisible:Ie=!1,isSearchable:N=!0,menuIsOpen:he,onMenuClose:Ae,onMenuOpen:Ce,onBlur:Oe,inputIsHidden:Ve,isTagRemovable:qe=!1,backspaceRemovesValue:_e=!1,optionGroupHeadingText:Ee={modifiers:"small",color:"tertiary"},cacheOptions:we=!0,showRadioButtons:ke=!1,renderWithoutLabel:xe,tooltip:Re,classNames:j}=E,g=(z=_.useOptionalInputGroup)==null?void 0:z.call(_),Te=a.useId(),De=g==null?void 0:g.hasExternalLabel,q=E.id??(g==null?void 0:g.inputId)??Te,H=i?(i==null?void 0:i.id)??`${q}-helper`:void 0,I=a.useRef(null),{getLabel:h}=mt.useLabels();a.useImperativeHandle(J,()=>I.current);const S=!!G&&v,[Ge,Pe]=a.useState(R??null),U=x!==void 0,m=U?x:Ge,d=a.useMemo(()=>Array.isArray(m)?m:m?[m]:[],[m]),A=a.useMemo(()=>({value:r.SELECT_ALL_VALUE,label:h("select.select-all")}),[h]),b=!!P&&!!v,{groupFlattenedOptions:B,groupSentinelMap:y}=a.useMemo(()=>{const t=new Map;if(!b||!c||c.length===0)return{groupFlattenedOptions:null,groupSentinelMap:t};if(!c.some(e=>e&&Array.isArray(e.options)))return{groupFlattenedOptions:null,groupSentinelMap:t};const n=[],u=new Map;for(const e of c)if(e&&Array.isArray(e.options)){const l=e,o=`${r.GROUP_OPTION_PREFIX}${l.label??""}`,p=l.options.filter(L=>!L.isDisabled);u.set(o,{enabled:p}),n.push({value:o,label:l.label??""});for(const L of l.options)n.push({...L,customData:{...L.customData??{},__tediInGroup:!0}})}else n.push(e);return{groupFlattenedOptions:n,groupSentinelMap:u}},[c,b]),Fe=a.useMemo(()=>{let t=B??c;return S&&t&&t.length>0&&(t=[A,...t]),t},[c,B,S,A]),Ne=a.useMemo(()=>{const t=[];if(b&&y.size>0)for(const[s,n]of y)n.enabled.length>0&&r.areAllSelected(d,n.enabled)&&t.push({value:s,label:""});if(S){const s=r.getEnabledOptions(c??[]);s.length>0&&r.areAllSelected(d,s)&&t.push(A)}return t.length===0?m:[...d,...t]},[m,d,c,b,y,S,A]),je=(t,s)=>{let n=t;const u=s.option;if(b&&u&&y.has(u.value)){const e=y.get(u.value).enabled;if(s.action==="select-option"){const l=[...d];for(const o of e)l.some(p=>p.value===o.value)||l.push(o);n=l}else s.action==="deselect-option"&&(n=d.filter(l=>!e.some(o=>o.value===l.value)))}else if(S){const e=r.getEnabledOptions(c??[]),l=(u==null?void 0:u.value)===r.SELECT_ALL_VALUE;l&&s.action==="select-option"?n=[...d.filter(p=>p.value!==r.SELECT_ALL_VALUE&&!e.some(L=>L.value===p.value)),...e]:l&&s.action==="deselect-option"&&(n=d.filter(o=>o.value!==r.SELECT_ALL_VALUE&&!e.some(p=>p.value===o.value)))}Array.isArray(n)&&(n=n.filter(e=>e.value!==r.SELECT_ALL_VALUE&&!r.isGroupSentinel(e))),U||Pe(n),O==null||O(n),!F&&I.current&&setTimeout(()=>{var e,l;return(l=(e=I.current)==null?void 0:e.inputRef)==null?void 0:l.focus()},0)},He=a.useCallback((t,s)=>t.data.value===r.SELECT_ALL_VALUE||r.isGroupSentinel(t.data)||!s?!0:String(t.label).toLowerCase().includes(s.toLowerCase()),[]),[K,$]=a.useState(!1),Ue=t=>{(t.key==="ArrowUp"||t.key==="ArrowDown"||t.key==="Home"||t.key==="End"||t.key==="PageUp"||t.key==="PageDown"||t.key==="Tab")&&(K||$(!0))},Be=a.useCallback(()=>{$(t=>t&&!1)},[]),Ke=a.useCallback(t=>M.jsx(it.SelectMenuList,{...t,renderMessageListFooter:D}),[D]),$e=()=>{const t={ClearIndicator:e=>Ze.SelectClearIndicator({isClearIndicatorVisible:Ie,...e}),DropdownIndicator:()=>tt.SelectDropDownIndicator({iconName:Z}),IndicatorSeparator:()=>null,MenuPortal:ut.SelectMenuPortal,Menu:rt.SelectMenu,MenuList:Ke,Option:e=>pt.SelectOption({renderOption:ge,multiple:v,showRadioButtons:ke,...e}),Control:et.SelectControl,Input:st.SelectInput,MultiValue:e=>ct.SelectMultiValue({isTagRemovable:qe,...e}),MultiValueRemove:dt.SelectMultiValueRemove,SingleValue:ft.SelectSingleValue,Group:lt.SelectGroup,GroupHeading:e=>nt.SelectGroupHeading({optionGroupHeadingText:Ee,...e}),IndicatorsContainer:ot.SelectIndicatorsContainer,ValueContainer:gt.SelectValueContainer,LoadingIndicator:at.SelectLoadingIndicator},s=fe?Xe.default:We.default,n=()=>h("select.no-options"),u=()=>h("select.loading");return M.jsx(s,{tagsDirection:C,showSelectAll:G,selectableGroups:P,dropdownType:be,renderValue:Le,keyboardMode:K,exitKeyboardMode:Be,onKeyDown:Ue,id:q,"aria-describedby":H,autoFocus:ve,ref:I,instanceId:w,className:"tedi-select__wrapper",name:Y,options:Fe,defaultOptions:Q,value:Ne,defaultValue:R,cacheOptions:we,onChange:je,filterOption:S||b?He:void 0,onInputChange:te,onBlur:Oe,inputValue:le,inputId:`${w}-input`,loadOptions:ne,isLoading:oe,noOptionsMessage:me||n,loadingMessage:Se||u,classNamePrefix:"select",components:t,isDisabled:T,isSearchable:N,menuIsOpen:he,openMenuOnFocus:se,openMenuOnClick:ae,tabSelectsValue:re,onMenuClose:Ae,onMenuOpen:Ce,placeholder:ce||"",isClearable:ye,backspaceRemovesValue:_e,menuShouldScrollIntoView:!0,isMulti:v,hideSelectedOptions:!1,closeMenuOnSelect:Me,blurInputOnSelect:F,menuPlacement:"auto",inputIsHidden:Ve,required:k,menuPortalTarget:document.body,menuPosition:"absolute",classNames:(()=>{const e={};if(j)for(const[l,o]of Object.entries(j))e[l]=typeof o=="string"?()=>o:o;if(g){const l=e.control;e.control=o=>W.default(l==null?void 0:l(o),Ye.default["tedi-input-group__input"])}return Object.keys(e).length>0?e: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"})}})},ze=W.default(f.default["tedi-select"],ie,{[f.default["tedi-select--invalid"]]:de||(i==null?void 0:i.type)==="error"},{[f.default["tedi-select--valid"]]:pe||(i==null?void 0:i.type)==="valid"},{[f.default[`tedi-select--${V}`]]:V},{[f.default[`tedi-select--tags-${C}`]]:C},{[f.default["tedi-select--searchable"]]:N},{[f.default["tedi-select--disabled"]]:T});return M.jsxs("div",{"data-name":"select",className:ze,children:[M.jsxs("div",{className:f.default["tedi-select__inner"],children:[!De&&M.jsx(Qe.FormLabel,{id:`${q}-input`,label:ee,required:k,hideLabel:ue,size:V,renderWithoutLabel:xe,tooltip:Re}),$e()]}),i&&M.jsx(Je.FeedbackText,{...i,id:H})]})});X.displayName="Select";exports.Select=X;

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

@@ -3,7 +3,7 @@ import { GroupBase, InputActionMeta, MenuListProps, OptionProps, OptionsOrGroups
 import { FeedbackTextProps } from '../../../../tedi/components/form/feedback-text/feedback-text';
 import { FormLabelProps } from '../../../../tedi/components/form/form-label/form-label';
 import { TextProps } from '../../base/typography/text/text';
-declare module 'react-select/dist/declarations/src/Select' {
+declare module '../../../../../node_modules/react-select/dist/declarations/src/Select' {
     interface Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
         inputIsHidden?: boolean;
     }

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

@@ -13,8 +13,8 @@ import { SelectControl as st } from "./components/select-control.es.js";
 import { SelectDropDownIndicator as rt } from "./components/select-dropdown-indicator.es.js";
 import { SelectGroup as at } from "./components/select-group.es.js";
 import { SelectGroupHeading as it } from "./components/select-group-heading.es.js";
-import { SelectIndicatorsContainer as ut } from "./components/select-indicators-container.es.js";
-import { SelectInput as ct } from "./components/select-input.es.js";
+import { SelectIndicatorsContainer as ct } from "./components/select-indicators-container.es.js";
+import { SelectInput as ut } from "./components/select-input.es.js";
 import { SelectLoadingIndicator as dt } from "./components/select-loading-indicator.es.js";
 import { SelectMenu as pt } from "./components/select-menu.es.js";
 import { SelectMenuList as mt } from "./components/select-menu-list.es.js";
@@ -30,7 +30,7 @@ const ht = Je(
   (k, Y) => {
     var z;
     const {
-      options: u,
+      options: c,
       defaultOptions: Z,
       id: _,
       name: ee,
@@ -47,9 +47,9 @@ const ht = Je(
       isLoading: re,
       openMenuOnFocus: ae = !1,
       openMenuOnClick: ie = !0,
-      tabSelectsValue: ue = !1,
+      tabSelectsValue: ce = !1,
       disabled: F = !1,
-      className: ce,
+      className: ue,
       hideLabel: de = !1,
       helper: a,
       placeholder: pe,
@@ -90,16 +90,16 @@ const ht = Je(
       Y,
       () => h.current
     );
-    const g = !!G && y, [$e, Ee] = r.useState(N ?? null), j = D !== void 0, f = j ? D : $e, c = r.useMemo(() => Array.isArray(f) ? f : f ? [f] : [], [f]), O = r.useMemo(
+    const g = !!G && y, [$e, Ee] = r.useState(N ?? null), j = D !== void 0, f = j ? D : $e, u = r.useMemo(() => Array.isArray(f) ? f : f ? [f] : [], [f]), O = r.useMemo(
       () => ({ value: v, label: I("select.select-all") }),
       [I]
     ), b = !!P && !!y, { groupFlattenedOptions: K, groupSentinelMap: M } = r.useMemo(() => {
       const t = /* @__PURE__ */ new Map();
-      if (!b || !u || u.length === 0)
+      if (!b || !c || c.length === 0)
         return { groupFlattenedOptions: null, groupSentinelMap: t };
-      if (!u.some((e) => e && Array.isArray(e.options))) return { groupFlattenedOptions: null, groupSentinelMap: t };
+      if (!c.some((e) => e && Array.isArray(e.options))) return { groupFlattenedOptions: null, groupSentinelMap: t };
       const l = [], i = /* @__PURE__ */ new Map();
-      for (const e of u)
+      for (const e of c)
         if (e && Array.isArray(e.options)) {
           const o = e, n = `${lt}${o.label ?? ""}`, d = o.options.filter((S) => !S.isDisabled);
           i.set(n, { enabled: d }), l.push({ value: n, label: o.label ?? "" });
@@ -111,23 +111,23 @@ const ht = Je(
         } else
           l.push(e);
       return { groupFlattenedOptions: l, groupSentinelMap: i };
-    }, [u, b]), He = r.useMemo(() => {
-      let t = K ?? u;
+    }, [c, b]), He = r.useMemo(() => {
+      let t = K ?? c;
       return g && t && t.length > 0 && (t = [O, ...t]), t;
-    }, [u, K, g, O]), je = r.useMemo(() => {
+    }, [c, K, g, O]), je = r.useMemo(() => {
       const t = [];
       if (b && M.size > 0)
         for (const [s, l] of M)
-          l.enabled.length > 0 && X(c, l.enabled) && t.push({ value: s, label: "" });
+          l.enabled.length > 0 && X(u, l.enabled) && t.push({ value: s, label: "" });
       if (g) {
-        const s = J(u ?? []);
-        s.length > 0 && X(c, s) && t.push(O);
+        const s = J(c ?? []);
+        s.length > 0 && X(u, s) && t.push(O);
       }
-      return t.length === 0 ? f : [...c, ...t];
+      return t.length === 0 ? f : [...u, ...t];
     }, [
       f,
-      c,
       u,
+      c,
       b,
       M,
       g,
@@ -138,16 +138,16 @@ const ht = Je(
       if (b && i && M.has(i.value)) {
         const e = M.get(i.value).enabled;
         if (s.action === "select-option") {
-          const o = [...c];
+          const o = [...u];
           for (const n of e)
             o.some((d) => d.value === n.value) || o.push(n);
           l = o;
-        } else s.action === "deselect-option" && (l = c.filter((o) => !e.some((n) => n.value === o.value)));
+        } else s.action === "deselect-option" && (l = u.filter((o) => !e.some((n) => n.value === o.value)));
       } else if (g) {
-        const e = J(u ?? []), o = (i == null ? void 0 : i.value) === v;
-        o && s.action === "select-option" ? l = [...c.filter(
+        const e = J(c ?? []), o = (i == null ? void 0 : i.value) === v;
+        o && s.action === "select-option" ? l = [...u.filter(
           (d) => d.value !== v && !e.some((S) => S.value === d.value)
-        ), ...e] : o && s.action === "deselect-option" && (l = c.filter(
+        ), ...e] : o && s.action === "deselect-option" && (l = u.filter(
           (n) => n.value !== v && !e.some((d) => d.value === n.value)
         ));
       }
@@ -175,13 +175,13 @@ const ht = Je(
         MenuList: qe,
         Option: (e) => St({ renderOption: be, multiple: y, showRadioButtons: Fe, ...e }),
         Control: st,
-        Input: ct,
+        Input: ut,
         MultiValue: (e) => gt({ isTagRemovable: _e, ...e }),
         MultiValueRemove: bt,
         SingleValue: vt,
         Group: at,
         GroupHeading: (e) => it({ optionGroupHeadingText: De, ...e }),
-        IndicatorsContainer: ut,
+        IndicatorsContainer: ct,
         ValueContainer: yt,
         LoadingIndicator: dt
       }, s = ge ? Ye : Qe, l = () => I("select.no-options"), i = () => I("select.loading");
@@ -225,7 +225,7 @@ const ht = Je(
           menuIsOpen: Le,
           openMenuOnFocus: ae,
           openMenuOnClick: ie,
-          tabSelectsValue: ue,
+          tabSelectsValue: ce,
           onMenuClose: Ve,
           onMenuOpen: we,
           placeholder: pe || "",
@@ -271,7 +271,7 @@ const ht = Je(
       );
     }, Xe = W(
       p["tedi-select"],
-      ce,
+      ue,
       { [p["tedi-select--invalid"]]: me || (a == null ? void 0 : a.type) === "error" },
       { [p["tedi-select--valid"]]: fe || (a == null ? void 0 : a.type) === "valid" },
       { [p[`tedi-select--${w}`]]: w },
@@ -301,6 +301,5 @@ const ht = Je(
 );
 ht.displayName = "Select";
 export {
-  ht as Select,
-  ht as default
+  ht as Select
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),m=require("../../../../../external/classnames/index.cjs.js"),e=require("react"),ne=require("../../overlays/tooltip/tooltip.cjs.js"),de=require("../../overlays/tooltip/tooltip-content.cjs.js"),oe=require("../../overlays/tooltip/tooltip-trigger.cjs.js"),ue=require("../feedback-text/feedback-text.cjs.js"),ce=require("../form-label/form-label.cjs.js"),t=require("./slider.module.scss.cjs.js"),fe=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),h=e.forwardRef((x,F)=>{const{getCurrentBreakpointProps:V}=fe.useBreakpointProps(x.defaultServerBreakpoint),{id:E,name:P,label:_,hideLabel:R,required:k,min:r=0,max:d=100,step:D=1,value:c,defaultValue:$,onChange:o,disabled:s=!1,invalid:H=!1,minLabel:f,maxLabel:O,showCurrentValue:p=!1,valueFormatter:j,tooltip:U=!0,addonRight:w,helper:l,className:z,"aria-label":A,"aria-labelledby":G,"aria-valuetext":J}=V(x),K=e.useId(),v=E??`tedi-slider-${K}`,L=l?l.id??`${v}-helper`:void 0,[Q,W]=e.useState($??r),u=Math.min(d,Math.max(r,c??Q)),[X,N]=e.useState(!1),[Y,C]=e.useState(!1),[i,S]=e.useState(!1),T=!!U&&!s,Z=T&&(X||Y||i),ee=e.useCallback(()=>N(!0),[]),ae=e.useCallback(()=>N(!1),[]),te=e.useCallback(()=>C(!0),[]),le=e.useCallback(()=>C(!1),[]),q=e.useRef(null),n=e.useCallback(()=>{q.current=null,S(!1)},[]);e.useEffect(()=>{if(i)return window.addEventListener("pointerup",n),window.addEventListener("pointercancel",n),()=>{window.removeEventListener("pointerup",n),window.removeEventListener("pointercancel",n)}},[i,n]);const re=e.useCallback(g=>{s||(q.current=g.pointerId,S(!0))},[s]),se=e.useCallback(g=>{const B=Number(g.target.value);c===void 0&&W(B),o==null||o(B)},[o,c]),I=H||(l==null?void 0:l.type)==="error",M=d===r?0:(u-r)/(d-r)*100,y=j?j(u):u,b=p?y:O,ie=m.default(t.default["tedi-slider"],{[t.default["tedi-slider--disabled"]]:s,[t.default["tedi-slider--invalid"]]:I,[t.default["tedi-slider--dragging"]]:i&&!s},z);return a.jsxs("div",{"data-name":"slider",className:ie,children:[_&&a.jsx(ce.FormLabel,{id:v,label:_,required:k,hideLabel:R}),a.jsxs("div",{className:t.default["tedi-slider__container"],children:[a.jsxs("div",{className:t.default["tedi-slider__track-row"],children:[f!=null&&a.jsx("span",{className:t.default["tedi-slider__range-label"],"aria-hidden":"true",children:f}),a.jsxs("div",{className:t.default["tedi-slider__track"],style:{"--tedi-slider-progress":`${M}%`,"--tedi-slider-progress-ratio":`${M/100}`},children:[a.jsx("input",{ref:F,id:v,name:P,type:"range",min:r,max:d,step:D,value:u,disabled:s,required:k,"aria-invalid":I?"true":void 0,"aria-describedby":L,"aria-label":A,"aria-labelledby":G,"aria-valuetext":J,onChange:se,onMouseEnter:ee,onMouseLeave:ae,onPointerDown:re,onFocus:te,onBlur:le,className:m.default(t.default["tedi-slider__input"],{[t.default["tedi-slider__input--dragging"]]:i})}),T&&a.jsxs(ne.Tooltip,{open:Z,onToggle:()=>{},focusManager:{returnFocus:!1,initialFocus:-1},placement:"top",trackReferencePosition:!0,children:[a.jsx(oe.TooltipTrigger,{children:a.jsx("span",{className:t.default["tedi-slider__thumb-anchor"],"aria-hidden":"true",tabIndex:-1})}),a.jsx(de.TooltipContent,{children:y})]})]}),b!=null&&a.jsx("span",{className:t.default["tedi-slider__range-label"],"aria-hidden":p?void 0:"true","aria-live":p?"polite":void 0,children:b})]}),w&&a.jsx("div",{className:t.default["tedi-slider__addon"],children:w})]}),l&&a.jsx(ue.FeedbackText,{...l,id:L,className:m.default(t.default["tedi-slider__feedback"],l.className)})]})});h.displayName="Slider";exports.Slider=h;exports.default=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("../../../../../external/classnames/index.cjs.js"),e=require("react"),ne=require("../../overlays/tooltip/tooltip.cjs.js"),de=require("../../overlays/tooltip/tooltip-content.cjs.js"),oe=require("../../overlays/tooltip/tooltip-trigger.cjs.js"),ue=require("../feedback-text/feedback-text.cjs.js"),ce=require("../form-label/form-label.cjs.js"),t=require("./slider.module.scss.cjs.js"),fe=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),F=e.forwardRef((h,M)=>{const{getCurrentBreakpointProps:V}=fe.useBreakpointProps(h.defaultServerBreakpoint),{id:E,name:P,label:x,hideLabel:R,required:_,min:l=0,max:d=100,step:D=1,value:c,defaultValue:$,onChange:o,disabled:s=!1,invalid:H=!1,minLabel:f,maxLabel:O,showCurrentValue:p=!1,valueFormatter:k,tooltip:U=!0,addonRight:j,helper:r,className:z,"aria-label":A,"aria-labelledby":G,"aria-valuetext":J}=V(h),K=e.useId(),b=E??`tedi-slider-${K}`,w=r?r.id??`${b}-helper`:void 0,[Q,W]=e.useState($??l),u=Math.min(d,Math.max(l,c??Q)),[X,L]=e.useState(!1),[Y,N]=e.useState(!1),[i,C]=e.useState(!1),S=!!U&&!s,Z=S&&(X||Y||i),ee=e.useCallback(()=>L(!0),[]),ae=e.useCallback(()=>L(!1),[]),te=e.useCallback(()=>N(!0),[]),re=e.useCallback(()=>N(!1),[]),T=e.useRef(null),n=e.useCallback(()=>{T.current=null,C(!1)},[]);e.useEffect(()=>{if(i)return window.addEventListener("pointerup",n),window.addEventListener("pointercancel",n),()=>{window.removeEventListener("pointerup",n),window.removeEventListener("pointercancel",n)}},[i,n]);const le=e.useCallback(g=>{s||(T.current=g.pointerId,C(!0))},[s]),se=e.useCallback(g=>{const B=Number(g.target.value);c===void 0&&W(B),o==null||o(B)},[o,c]),q=H||(r==null?void 0:r.type)==="error",I=d===l?0:(u-l)/(d-l)*100,y=k?k(u):u,v=p?y:O,ie=m.default(t.default["tedi-slider"],{[t.default["tedi-slider--disabled"]]:s,[t.default["tedi-slider--invalid"]]:q,[t.default["tedi-slider--dragging"]]:i&&!s},z);return a.jsxs("div",{"data-name":"slider",className:ie,children:[x&&a.jsx(ce.FormLabel,{id:b,label:x,required:_,hideLabel:R}),a.jsxs("div",{className:t.default["tedi-slider__container"],children:[a.jsxs("div",{className:t.default["tedi-slider__track-row"],children:[f!=null&&a.jsx("span",{className:t.default["tedi-slider__range-label"],"aria-hidden":"true",children:f}),a.jsxs("div",{className:t.default["tedi-slider__track"],style:{"--tedi-slider-progress":`${I}%`,"--tedi-slider-progress-ratio":`${I/100}`},children:[a.jsx("input",{ref:M,id:b,name:P,type:"range",min:l,max:d,step:D,value:u,disabled:s,required:_,"aria-invalid":q?"true":void 0,"aria-describedby":w,"aria-label":A,"aria-labelledby":G,"aria-valuetext":J,onChange:se,onMouseEnter:ee,onMouseLeave:ae,onPointerDown:le,onFocus:te,onBlur:re,className:m.default(t.default["tedi-slider__input"],{[t.default["tedi-slider__input--dragging"]]:i})}),S&&a.jsxs(ne.Tooltip,{open:Z,onToggle:()=>{},focusManager:{returnFocus:!1,initialFocus:-1},placement:"top",trackReferencePosition:!0,children:[a.jsx(oe.TooltipTrigger,{children:a.jsx("span",{className:t.default["tedi-slider__thumb-anchor"],"aria-hidden":"true",tabIndex:-1})}),a.jsx(de.TooltipContent,{children:y})]})]}),v!=null&&a.jsx("span",{className:t.default["tedi-slider__range-label"],"aria-hidden":p?void 0:"true","aria-live":p?"polite":void 0,children:v})]}),j&&a.jsx("div",{className:t.default["tedi-slider__addon"],children:j})]}),r&&a.jsx(ue.FeedbackText,{...r,id:w,className:m.default(t.default["tedi-slider__feedback"],r.className)})]})});F.displayName="Slider";exports.Slider=F;

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

@@ -141,6 +141,5 @@ const be = oe((N, S) => {
 });
 be.displayName = "Slider";
 export {
-  be as Slider,
-  be as default
+  be as Slider
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[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"),H=a.forwardRef((R,o)=>{const{className:N,helper:p=[],characterLimit:i,onChange:n,onChangeEvent:g,value:l,defaultValue:b,autoGrow:t=!1,minRows:u=3,maxRows:y=12,height:v="7.5rem",maxHeight:s,...q}=R,[T,F]=a.useState(b??""),c=a.useRef(null),[C,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 _=parseFloat(f.paddingTop),A=parseFloat(f.paddingBottom),B=e.scrollHeight-_-A;let x=Math.ceil(B/h);x=Math.min(Math.max(x,u),y);const M=`${x*h+_+A}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:{...s?{maxHeight:s}:{},overflow:"hidden",height:C}}:{style:{height:v,...s?{maxHeight:s}:{},overflow:"auto"}},[t,u,s,v,C]),S=m.length,I=i?`${S}/${i}`:"",V=[...Array.isArray(p)?p:[p],...i?[{type:S>i?"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"],N),value:m,onChange:j,onChangeEvent:g,helper:V,input:z})});H.displayName="TextArea";exports.TextArea=H;exports.default=H;
+"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;