@tedi-design-system/react 18.0.0-rc.9 → 18.1.0-rc.1

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.d.ts

@@ -2,7 +2,16 @@ import { FileUploadFile } from '../../../helpers/hooks/use-file-upload';
 import { FormLabelProps } from '../../form/form-label/form-label';
 import { FeedbackTextProps } from '../feedback-text/feedback-text';
 export interface FileUploadProps extends Omit<FormLabelProps, 'id' | 'label'> {
+    /**
+     * Unique HTML id for the file input, also used to associate the label and
+     * helper/error text for accessibility. When omitted, falls back to the
+     * surrounding `InputGroup`'s id or a generated one.
+     */
     id?: string;
+    /**
+     * Visible label for the field. May be omitted when the surrounding
+     * `InputGroup` provides its own label.
+     */
     label?: string;
     /**
      * Additional class names appended to the inner dropzone element

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/components/input/input.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../../../external/classnames/index.cjs.js"),p=require("react"),a=require("../../input-group.cjs.js"),s=require("../../input-group.module.scss.cjs.js"),n=({children:t})=>{const{disabled:u,inputId:r}=a.useInputGroup();if(!p.isValidElement(t))return t;const o=typeof t.type=="string",i={disabled:u||t.props.disabled,id:t.props.id??r,className:e.default(t.props.className,s.default["tedi-input-group__input"]),...!o&&{wrapperClassName:e.default(t.props.wrapperClassName,s.default["tedi-input-group__input"])}};return p.cloneElement(t,i)};exports.Input=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../../../../../../../external/classnames/index.cjs.js"),i=require("react"),n=require("../../input-group.cjs.js"),s=require("../../input-group.module.scss.cjs.js"),d=({children:t})=>{const{disabled:a,invalid:e,inputId:u}=n.useInputGroup();if(!i.isValidElement(t))return t;const o=typeof t.type=="string",r={disabled:a||t.props.disabled,id:t.props.id??u,className:p.default(t.props.className,s.default["tedi-input-group__input"]),...o?{"aria-invalid":e||t.props["aria-invalid"]||void 0}:{invalid:e||t.props.invalid,wrapperClassName:p.default(t.props.wrapperClassName,s.default["tedi-input-group__input"])}};return i.cloneElement(t,r)};exports.Input=d;

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

@@ -1,20 +1,21 @@
 import t from "../../../../../../../external/classnames/index.es.js";
-import s from "react";
+import i from "react";
 import { useInputGroup as u } from "../../input-group.es.js";
-import o from "../../input-group.module.scss.es.js";
-const f = ({ children: p }) => {
-  const { disabled: r, inputId: e } = u();
-  if (!s.isValidElement(p)) return p;
-  const a = typeof p.type == "string", i = {
-    disabled: r || p.props.disabled,
-    id: p.props.id ?? e,
-    className: t(p.props.className, o["tedi-input-group__input"]),
-    ...!a && {
-      wrapperClassName: t(p.props.wrapperClassName, o["tedi-input-group__input"])
+import a from "../../input-group.module.scss.es.js";
+const v = ({ children: p }) => {
+  const { disabled: o, invalid: s, inputId: r } = u();
+  if (!i.isValidElement(p)) return p;
+  const e = typeof p.type == "string", n = {
+    disabled: o || p.props.disabled,
+    id: p.props.id ?? r,
+    className: t(p.props.className, a["tedi-input-group__input"]),
+    ...e ? { "aria-invalid": s || p.props["aria-invalid"] || void 0 } : {
+      invalid: s || p.props.invalid,
+      wrapperClassName: t(p.props.wrapperClassName, a["tedi-input-group__input"])
     }
   };
-  return s.cloneElement(p, i);
+  return i.cloneElement(p, n);
 };
 export {
-  f as Input
+  v as Input
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),f=require("../../../../../../../external/classnames/index.cjs.js"),d=require("react"),a=require("../../input-group.cjs.js"),i=require("../../input-group.module.scss.cjs.js"),c=({children:e,className:u,...n})=>{const{registerPrefix:r,unregisterPrefix:t,disabled:s}=a.useInputGroup();d.useEffect(()=>(r(),()=>t()),[r,t]);const o=typeof e=="string"||typeof e=="number";return p.jsx("div",{...n,className:f.default(i.default["tedi-input-group__prefix"],{[i.default["tedi-input-group__prefix--no-inner-div"]]:o},u),"aria-disabled":s,children:e})};exports.Prefix=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),f=require("../../../../../../../external/classnames/index.cjs.js"),t=require("react"),c=require("../../input-group.cjs.js"),n=require("../../input-group.module.scss.cjs.js"),l=({children:e,className:s,...o})=>{const{registerPrefix:r,unregisterPrefix:i,disabled:u}=c.useInputGroup();t.useEffect(()=>(r(),()=>i()),[r,i]);const d=typeof e=="string"||typeof e=="number",p=u&&t.isValidElement(e)?t.cloneElement(e,{disabled:!0}):e;return a.jsx("div",{...o,className:f.default(n.default["tedi-input-group__prefix"],{[n.default["tedi-input-group__prefix--no-inner-div"]]:d},s),"aria-disabled":u,children:p})};exports.Prefix=l;

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

@@ -1,26 +1,26 @@
 import { jsx as u } from "react/jsx-runtime";
-import m from "../../../../../../../external/classnames/index.es.js";
-import { useEffect as n } from "react";
-import { useInputGroup as a } from "../../input-group.es.js";
-import i from "../../input-group.module.scss.es.js";
-const b = ({ children: r, className: o, ...p }) => {
-  const { registerPrefix: e, unregisterPrefix: t, disabled: s } = a();
-  n(() => (e(), () => t()), [e, t]);
-  const f = typeof r == "string" || typeof r == "number";
+import f from "../../../../../../../external/classnames/index.es.js";
+import { useEffect as a, isValidElement as d, cloneElement as x } from "react";
+import { useInputGroup as l } from "../../input-group.es.js";
+import o from "../../input-group.module.scss.es.js";
+const E = ({ children: e, className: s, ...n }) => {
+  const { registerPrefix: t, unregisterPrefix: r, disabled: i } = l();
+  a(() => (t(), () => r()), [t, r]);
+  const p = typeof e == "string" || typeof e == "number", m = i && d(e) ? x(e, { disabled: !0 }) : e;
   return /* @__PURE__ */ u(
     "div",
     {
-      ...p,
-      className: m(
-        i["tedi-input-group__prefix"],
-        { [i["tedi-input-group__prefix--no-inner-div"]]: f },
-        o
+      ...n,
+      className: f(
+        o["tedi-input-group__prefix"],
+        { [o["tedi-input-group__prefix--no-inner-div"]]: p },
+        s
       ),
-      "aria-disabled": s,
-      children: r
+      "aria-disabled": i,
+      children: m
     }
   );
 };
 export {
-  b as Prefix
+  E as Prefix
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),d=require("../../../../../../../external/classnames/index.cjs.js"),p=require("react"),a=require("../../input-group.cjs.js"),i=require("../../input-group.module.scss.cjs.js"),c=({children:e,className:r,...s})=>{const{registerSuffix:t,unregisterSuffix:u,disabled:n}=a.useInputGroup();p.useEffect(()=>(t(),()=>u()),[t,u]);const o=typeof e=="string"||typeof e=="number";return f.jsx("div",{...s,className:d.default(i.default["tedi-input-group__suffix"],{[i.default["tedi-input-group__suffix--no-inner-div"]]:o},r),"aria-disabled":n,children:e})};exports.Suffix=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("../../../../../../../external/classnames/index.cjs.js"),t=require("react"),p=require("../../input-group.cjs.js"),n=require("../../input-group.module.scss.cjs.js"),l=({children:e,className:s,...o})=>{const{registerSuffix:u,unregisterSuffix:i,disabled:r}=p.useInputGroup();t.useEffect(()=>(u(),()=>i()),[u,i]);const f=typeof e=="string"||typeof e=="number",d=r&&t.isValidElement(e)?t.cloneElement(e,{disabled:!0}):e;return a.jsx("div",{...o,className:c.default(n.default["tedi-input-group__suffix"],{[n.default["tedi-input-group__suffix--no-inner-div"]]:f},s),"aria-disabled":r,children:d})};exports.Suffix=l;

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

@@ -1,26 +1,26 @@
 import { jsx as p } from "react/jsx-runtime";
 import m from "../../../../../../../external/classnames/index.es.js";
-import { useEffect as n } from "react";
-import { useInputGroup as a } from "../../input-group.es.js";
+import { useEffect as a, isValidElement as d, cloneElement as x } from "react";
+import { useInputGroup as l } from "../../input-group.es.js";
 import o from "../../input-group.module.scss.es.js";
-const _ = ({ children: r, className: e, ...s }) => {
-  const { registerSuffix: t, unregisterSuffix: i, disabled: f } = a();
-  n(() => (t(), () => i()), [t, i]);
-  const u = typeof r == "string" || typeof r == "number";
+const y = ({ children: t, className: s, ...u }) => {
+  const { registerSuffix: e, unregisterSuffix: i, disabled: r } = l();
+  a(() => (e(), () => i()), [e, i]);
+  const f = typeof t == "string" || typeof t == "number", n = r && d(t) ? x(t, { disabled: !0 }) : t;
   return /* @__PURE__ */ p(
     "div",
     {
-      ...s,
+      ...u,
       className: m(
         o["tedi-input-group__suffix"],
-        { [o["tedi-input-group__suffix--no-inner-div"]]: u },
-        e
+        { [o["tedi-input-group__suffix--no-inner-div"]]: f },
+        s
       ),
-      "aria-disabled": f,
-      children: r
+      "aria-disabled": r,
+      children: n
     }
   );
 };
 export {
-  _ as Suffix
+  y as Suffix
 };

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

@@ -36,6 +36,13 @@ export interface InputGroupProps extends FormLabelProps {
      * to the input and any interactive prefix/suffix elements.
      */
     disabled?: boolean;
+    /**
+     * Marks the whole group as invalid. Applies the error border to the
+     * prefix/suffix addons and propagates `invalid` down to the inner form
+     * control, so you don't have to set it on the child as well. Pair with an
+     * error `helper` message.
+     */
+    invalid?: boolean;
 }
 export interface InputGroupForwardRef {
     root: HTMLDivElement | null;
@@ -73,6 +80,12 @@ export type InputGroupContextValue = {
      * behavior and styling.
      */
     disabled?: boolean;
+    /**
+     * Invalid state inherited from InputGroup.
+     * Consumed by Input to propagate `invalid` (or `aria-invalid`) to the
+     * wrapped form control.
+     */
+    invalid?: boolean;
     hasExternalLabel?: boolean;
     inputId?: string;
 };

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i={"tedi-input-group":"tedi-input-group-3de08ee1","tedi-input-group__prefix":"tedi-input-group__prefix-056c2ccf","tedi-input-group__suffix":"tedi-input-group__suffix-9c330042","tedi-input-group__input":"tedi-input-group__input-5454624d","tedi-input-group__prefix--no-inner-div":"tedi-input-group__prefix--no-inner-div-4bc9b815","tedi-input-group__suffix--no-inner-div":"tedi-input-group__suffix--no-inner-div-283ea370","tedi-input-group--addons":"tedi-input-group--addons-7bd99e72","tedi-input-group--disabled":"tedi-input-group--disabled-f5db06aa","tedi-input-group--has-prefix":"tedi-input-group--has-prefix-e845fcb0","tedi-input-group--has-suffix":"tedi-input-group--has-suffix-994ab888","tedi-input-group__feedback-wrapper":"tedi-input-group__feedback-wrapper-bfbe3cb2"};exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i={"tedi-input-group":"tedi-input-group-3de08ee1","tedi-input-group__row":"tedi-input-group__row-60941c6f","tedi-input-group__prefix":"tedi-input-group__prefix-056c2ccf","tedi-input-group__suffix":"tedi-input-group__suffix-9c330042","tedi-input-group__input":"tedi-input-group__input-5454624d","tedi-input-group__prefix--no-inner-div":"tedi-input-group__prefix--no-inner-div-4bc9b815","tedi-input-group__suffix--no-inner-div":"tedi-input-group__suffix--no-inner-div-283ea370","tedi-input-group--addons":"tedi-input-group--addons-7bd99e72","tedi-input-group--invalid":"tedi-input-group--invalid-de02528b","tedi-input-group--disabled":"tedi-input-group--disabled-f5db06aa","tedi-input-group--has-prefix":"tedi-input-group--has-prefix-e845fcb0","tedi-input-group--has-suffix":"tedi-input-group--has-suffix-994ab888","tedi-input-group__feedback-wrapper":"tedi-input-group__feedback-wrapper-bfbe3cb2"};exports.default=i;

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

@@ -1,11 +1,13 @@
 const i = {
   "tedi-input-group": "tedi-input-group-3de08ee1",
+  "tedi-input-group__row": "tedi-input-group__row-60941c6f",
   "tedi-input-group__prefix": "tedi-input-group__prefix-056c2ccf",
   "tedi-input-group__suffix": "tedi-input-group__suffix-9c330042",
   "tedi-input-group__input": "tedi-input-group__input-5454624d",
   "tedi-input-group__prefix--no-inner-div": "tedi-input-group__prefix--no-inner-div-4bc9b815",
   "tedi-input-group__suffix--no-inner-div": "tedi-input-group__suffix--no-inner-div-283ea370",
   "tedi-input-group--addons": "tedi-input-group--addons-7bd99e72",
+  "tedi-input-group--invalid": "tedi-input-group--invalid-de02528b",
   "tedi-input-group--disabled": "tedi-input-group--disabled-f5db06aa",
   "tedi-input-group--has-prefix": "tedi-input-group--has-prefix-e845fcb0",
   "tedi-input-group--has-suffix": "tedi-input-group--has-suffix-994ab888",

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/components/select-multi-option.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),S=require("../../../../../../external/classnames/index.cjs.js"),x=require("../../checkbox/checkbox.cjs.js"),l=require("../select.module.scss.cjs.js"),t=require("./select-bulk-helpers.cjs.js"),g=require("../../../../../../external/react-select/dist/index-641ee5b8.esm.cjs.js"),A=({renderOption:f,...e})=>{var b;const u=e.data.value===t.SELECT_ALL_VALUE,r=t.isGroupSentinel(e.data),E=!!((b=e.data.customData)!=null&&b.__tediInGroup);let o=e.isSelected,_=!1;if(u){const i=t.getEnabledOptions(e.options).filter(n=>n.value!==t.SELECT_ALL_VALUE),a=(e.getValue()??[]).filter(n=>n.value!==t.SELECT_ALL_VALUE);o=t.areAllSelected(a,i),_=t.isIndeterminate(a,i)}else if(r){const i=e.options,L=i.findIndex(d=>d.value===e.data.value),a=[];for(let d=L+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||a.push(s)}const n=e.getValue()??[];o=t.areAllSelected(n,a),_=t.isIndeterminate(n,a)}const h=S.default(l.default["tedi-select__option"],{[l.default["tedi-select__option--disabled"]]:e.isDisabled},{[l.default["tedi-select__option--focused"]]:e.isFocused},{[l.default["tedi-select__option--select-all"]]:u},{[l.default["tedi-select__option--group"]]:r},{[l.default["tedi-select__option--indented"]]:E}),{tabIndex:m,...v}=e.innerProps;return c.jsx(g.c.Option,{...e,innerProps:{...v,tabIndex:m,role:"option","aria-selected":o},className:h,children:f&&!u&&!r?f(e):c.jsxs(c.Fragment,{children:[c.jsx("span",{className:"sr-only",children:e.label}),c.jsx(x.Checkbox,{id:e.data.value,label:e.label,"aria-hidden":!0,className:l.default["tedi-select__checkbox"],value:e.data.value,name:e.data.value,checked:o,indeterminate:_,onChange:()=>null,disabled:e.isDisabled,hover:e.isFocused})]})})};exports.SelectMultiOption=A;
+"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;