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

package/external/hoist-non-react-statics/external/react-is/cjs/react-is.development.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.development.cjs.js");/** @license React v16.13.1
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.development.cjs2.js");/** @license React v16.13.1
  * react-is.development.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/external/hoist-non-react-statics/external/react-is/cjs/react-is.development.es.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "../../../../../_virtual/react-is.development.es.js";
+import { __exports as r } from "../../../../../_virtual/react-is.development.es2.js";
 /** @license React v16.13.1
  * react-is.development.js
  *

package/external/hoist-non-react-statics/external/react-is/cjs/react-is.production.min.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.production.min.cjs.js");/** @license React v16.13.1
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.production.min.cjs2.js");/** @license React v16.13.1
  * react-is.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/external/hoist-non-react-statics/external/react-is/cjs/react-is.production.min.es.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "../../../../../_virtual/react-is.production.min.es.js";
+import { __exports as r } from "../../../../../_virtual/react-is.production.min.es2.js";
 /** @license React v16.13.1
  * react-is.production.min.js
  *

package/external/hoist-non-react-statics/external/react-is/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index.cjs3.js"),r=require("./cjs/react-is.production.min.cjs.js"),o=require("./cjs/react-is.development.cjs.js");process.env.NODE_ENV==="production"?e.__module.exports=r.__require():e.__module.exports=o.__require();var t=e.__module.exports;exports.reactIsExports=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index.cjs4.js"),r=require("./cjs/react-is.production.min.cjs.js"),o=require("./cjs/react-is.development.cjs.js");process.env.NODE_ENV==="production"?e.__module.exports=r.__require():e.__module.exports=o.__require();var t=e.__module.exports;exports.reactIsExports=t;

package/external/hoist-non-react-statics/external/react-is/index.es.js

@@ -1,4 +1,4 @@
-import { __module as r } from "../../../../_virtual/index.es3.js";
+import { __module as r } from "../../../../_virtual/index.es4.js";
 import { __require as e } from "./cjs/react-is.production.min.es.js";
 import { __require as o } from "./cjs/react-is.development.es.js";
 process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();

package/external/prop-types/external/react-is/cjs/react-is.development.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.development.cjs2.js");/** @license React v16.13.1
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.development.cjs.js");/** @license React v16.13.1
  * react-is.development.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/external/prop-types/external/react-is/cjs/react-is.development.es.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "../../../../../_virtual/react-is.development.es2.js";
+import { __exports as r } from "../../../../../_virtual/react-is.development.es.js";
 /** @license React v16.13.1
  * react-is.development.js
  *

package/external/prop-types/external/react-is/cjs/react-is.production.min.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.production.min.cjs2.js");/** @license React v16.13.1
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/react-is.production.min.cjs.js");/** @license React v16.13.1
  * react-is.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/external/prop-types/external/react-is/cjs/react-is.production.min.es.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "../../../../../_virtual/react-is.production.min.es2.js";
+import { __exports as r } from "../../../../../_virtual/react-is.production.min.es.js";
 /** @license React v16.13.1
  * react-is.production.min.js
  *

package/external/prop-types/external/react-is/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index.cjs4.js"),t=require("./cjs/react-is.production.min.cjs.js"),o=require("./cjs/react-is.development.cjs.js");var r;function u(){return r||(r=1,process.env.NODE_ENV==="production"?e.__module.exports=t.__require():e.__module.exports=o.__require()),e.__module.exports}exports.__require=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index.cjs3.js"),t=require("./cjs/react-is.production.min.cjs.js"),o=require("./cjs/react-is.development.cjs.js");var r;function u(){return r||(r=1,process.env.NODE_ENV==="production"?e.__module.exports=t.__require():e.__module.exports=o.__require()),e.__module.exports}exports.__require=u;

package/external/prop-types/external/react-is/index.es.js

@@ -1,4 +1,4 @@
-import { __module as e } from "../../../../_virtual/index.es4.js";
+import { __module as e } from "../../../../_virtual/index.es3.js";
 import { __require as o } from "./cjs/react-is.production.min.es.js";
 import { __require as t } from "./cjs/react-is.development.es.js";
 var r;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "18.1.0-rc.20",
+  "version": "18.1.0-rc.22",
   "type": "module",
   "sideEffects": false,
   "exports": {

package/src/tedi/components/buttons/button-content/button-content.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),r=require("../../../../../external/classnames/index.cjs.js"),D=require("react"),F=require("../../base/icon/icon.cjs.js"),q=require("../../loaders/spinner/spinner.cjs.js"),G=require("../../misc/print/print.cjs.js"),t=require("./button-content.module.scss.cjs.js"),b=require("../../overlays/tooltip/tooltip.cjs.js"),T=D.forwardRef(({children:d,as:g,_text:J,className:p,visualType:h="primary",color:E="default",size:o,icon:l,iconLeft:u,iconRight:i,underline:M=!1,isHovered:P,isActive:w,isLoading:a=!1,noStyle:m,_renderWrapperElement:K,fullWidth:_,onClick:x,showTooltip:S=!1,...j},A)=>{const y=g||"button",C=l||u||i,O=m?r.default(t.default["tedi-btn--no-style"],{[t.default["tedi-btn--full-width"]]:_},p):r.default(t.default["tedi-btn"],t.default[`tedi-btn--${h}`],t.default[`tedi-btn--${E}`],{[t.default[`tedi-btn--${o}`]]:o},{[t.default["tedi-btn--underline"]]:M},{[t.default["tedi-btn--is-hovered"]]:P},{[t.default["tedi-btn--is-active"]]:w},{[t.default["tedi-btn--is-loading"]]:a},{[t.default["tedi-btn--icon-only"]]:l},{[t.default["tedi-btn--icon"]]:C},{[t.default["tedi-btn--full-width"]]:_},p),f=(e,s)=>{const z=r.default(t.default["tedi-btn__icon"],t.default[`tedi-btn__icon--${e}`],{[t.default["tedi-btn__spinner"]]:a,[t.default["tedi-btn__icon-responsive"]]:y==="a"&&o==="small"}),c={size:o==="large"?24:18,className:z},B=typeof s=="string"?{...c,name:s}:{...c,...s,className:r.default(c.className,s==null?void 0:s.className)};return a?n.jsx(q.Spinner,{className:B.className,size:18}):n.jsx(F.Icon,{...B})},k=()=>{const e=a?n.jsx(q.Spinner,{position:C?void 0:"absolute",className:r.default(t.default["tedi-btn__spinner"],t.default["tedi-btn__spinner--left"]),size:18}):u?f("left",u):l?f("center",l):null;return n.jsxs("span",{className:t.default["tedi-btn__inner"],children:[e,n.jsx("span",{className:t.default["tedi-btn__text"],children:d}),!a&&i&&f("right",i)]})},H=e=>{x&&!a&&x(e)},R=!!l,N=(e=>{if(typeof e=="string")return e;if(Array.isArray(e))return e.map(s=>typeof s=="string"?s:"").join("").trim()})(d),v=n.jsx(y,{"data-name":"button-content",...j,"aria-disabled":a||j["aria-disabled"],"aria-busy":a||void 0,onClick:H,ref:A,className:O,children:m?d:k()});return n.jsx(G.Print,{visibility:"hide",children:S&&R&&N?n.jsxs(b.Tooltip,{children:[n.jsx(b.Tooltip.Trigger,{children:v}),n.jsx(b.Tooltip.Content,{children:N})]}):v})});T.displayName="ButtonContent";const I=T;exports.ButtonContent=I;exports.default=I;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),l=require("../../../../../external/classnames/index.cjs.js"),D=require("react"),F=require("../../base/icon/icon.cjs.js"),q=require("../../loaders/spinner/spinner.cjs.js"),G=require("../../misc/print/print.cjs.js"),t=require("./button-content.module.scss.cjs.js"),b=require("../../overlays/tooltip/tooltip.cjs.js"),T=D.forwardRef(({children:d,as:g,_text:J,className:p,visualType:h="primary",color:E="default",size:o,icon:r,iconLeft:u,iconRight:i,underline:M=!1,isHovered:P,isActive:w,isLoading:s=!1,noStyle:m,_renderWrapperElement:K,fullWidth:_,onClick:x,showTooltip:S=!1,...j},A)=>{const y=g||"button",v=r||u||i,H=m?l.default(t.default["tedi-btn--no-style"],{[t.default["tedi-btn--full-width"]]:_},p):l.default(t.default["tedi-btn"],t.default[`tedi-btn--${h}`],t.default[`tedi-btn--${E}`],{[t.default[`tedi-btn--${o}`]]:o},{[t.default["tedi-btn--underline"]]:M},{[t.default["tedi-btn--is-hovered"]]:P},{[t.default["tedi-btn--is-active"]]:w},{[t.default["tedi-btn--is-loading"]]:s},{[t.default["tedi-btn--icon-only"]]:r},{[t.default["tedi-btn--icon"]]:v},{[t.default["tedi-btn--full-width"]]:_},p),f=(e,a)=>{const z=l.default(t.default["tedi-btn__icon"],t.default[`tedi-btn__icon--${e}`],{[t.default["tedi-btn__spinner"]]:s,[t.default["tedi-btn__icon-responsive"]]:y==="a"&&o==="small"}),c={size:o==="large"?24:18,className:z},B=typeof a=="string"?{...c,name:a}:{...c,...a,className:l.default(c.className,a==null?void 0:a.className)};return s?n.jsx(q.Spinner,{className:B.className,size:18,decorative:!0}):n.jsx(F.Icon,{...B})},O=()=>{const e=s?n.jsx(q.Spinner,{position:v?void 0:"absolute",className:l.default(t.default["tedi-btn__spinner"],t.default["tedi-btn__spinner--left"]),size:18,decorative:!0}):u?f("left",u):r?f("center",r):null;return n.jsxs("span",{className:t.default["tedi-btn__inner"],children:[e,n.jsx("span",{className:t.default["tedi-btn__text"],children:d}),!s&&i&&f("right",i)]})},k=e=>{x&&!s&&x(e)},R=!!r,C=(e=>{if(typeof e=="string")return e;if(Array.isArray(e))return e.map(a=>typeof a=="string"?a:"").join("").trim()})(d),N=n.jsx(y,{"data-name":"button-content",...j,"aria-disabled":s||j["aria-disabled"],"aria-busy":s||void 0,onClick:k,ref:A,className:H,children:m?d:O()});return n.jsx(G.Print,{visibility:"hide",children:S&&R&&C?n.jsxs(b.Tooltip,{ariaHidden:!0,children:[n.jsx(b.Tooltip.Trigger,{children:N}),n.jsx(b.Tooltip.Content,{children:C})]}):N})});T.displayName="ButtonContent";const I=T;exports.ButtonContent=I;exports.default=I;

package/src/tedi/components/buttons/button-content/button-content.es.js

@@ -1,35 +1,35 @@
-import { jsx as s, jsxs as T } from "react/jsx-runtime";
+import { jsx as o, jsxs as T } from "react/jsx-runtime";
 import a from "../../../../../external/classnames/index.es.js";
 import { forwardRef as F } from "react";
 import { Icon as G } from "../../base/icon/icon.es.js";
 import { Spinner as h } from "../../loaders/spinner/spinner.es.js";
 import { Print as J } from "../../misc/print/print.es.js";
 import t from "./button-content.module.scss.es.js";
-import { Tooltip as c } from "../../overlays/tooltip/tooltip.es.js";
+import { Tooltip as p } from "../../overlays/tooltip/tooltip.es.js";
 const E = F(
   ({
     children: l,
     as: $,
     _text: K,
-    className: f,
+    className: u,
     visualType: j = "primary",
     color: w = "default",
     size: i,
-    icon: o,
+    icon: s,
     iconLeft: d,
     iconRight: m,
     underline: P = !1,
     isHovered: g,
     isActive: A,
     isLoading: r = !1,
-    noStyle: u,
+    noStyle: f,
     _renderWrapperElement: Q,
     fullWidth: _,
     onClick: y,
-    showTooltip: M = !1,
+    showTooltip: H = !1,
     ...N
-  }, k) => {
-    const x = $ || "button", B = o || d || m, H = u ? a(t["tedi-btn--no-style"], { [t["tedi-btn--full-width"]]: _ }, f) : a(
+  }, M) => {
+    const v = $ || "button", x = s || d || m, k = f ? a(t["tedi-btn--no-style"], { [t["tedi-btn--full-width"]]: _ }, u) : a(
       t["tedi-btn"],
       t[`tedi-btn--${j}`],
       t[`tedi-btn--${w}`],
@@ -38,56 +38,57 @@ const E = F(
       { [t["tedi-btn--is-hovered"]]: g },
       { [t["tedi-btn--is-active"]]: A },
       { [t["tedi-btn--is-loading"]]: r },
-      { [t["tedi-btn--icon-only"]]: o },
-      { [t["tedi-btn--icon"]]: B },
+      { [t["tedi-btn--icon-only"]]: s },
+      { [t["tedi-btn--icon"]]: x },
       { [t["tedi-btn--full-width"]]: _ },
-      f
+      u
     ), b = (e, n) => {
       const D = a(t["tedi-btn__icon"], t[`tedi-btn__icon--${e}`], {
         [t["tedi-btn__spinner"]]: r,
-        [t["tedi-btn__icon-responsive"]]: x === "a" && i === "small"
-      }), p = {
+        [t["tedi-btn__icon-responsive"]]: v === "a" && i === "small"
+      }), c = {
         size: i === "large" ? 24 : 18,
         className: D
-      }, I = typeof n == "string" ? { ...p, name: n } : { ...p, ...n, className: a(p.className, n == null ? void 0 : n.className) };
-      return r ? /* @__PURE__ */ s(h, { className: I.className, size: 18 }) : /* @__PURE__ */ s(G, { ...I });
+      }, I = typeof n == "string" ? { ...c, name: n } : { ...c, ...n, className: a(c.className, n == null ? void 0 : n.className) };
+      return r ? /* @__PURE__ */ o(h, { className: I.className, size: 18, decorative: !0 }) : /* @__PURE__ */ o(G, { ...I });
     }, O = () => {
-      const e = r ? /* @__PURE__ */ s(
+      const e = r ? /* @__PURE__ */ o(
         h,
         {
-          position: B ? void 0 : "absolute",
+          position: x ? void 0 : "absolute",
           className: a(t["tedi-btn__spinner"], t["tedi-btn__spinner--left"]),
-          size: 18
+          size: 18,
+          decorative: !0
         }
-      ) : d ? b("left", d) : o ? b("center", o) : null;
+      ) : d ? b("left", d) : s ? b("center", s) : null;
       return /* @__PURE__ */ T("span", { className: t["tedi-btn__inner"], children: [
         e,
-        /* @__PURE__ */ s("span", { className: t["tedi-btn__text"], children: l }),
+        /* @__PURE__ */ o("span", { className: t["tedi-btn__text"], children: l }),
         !r && m && b("right", m)
       ] });
     }, q = (e) => {
       y && !r && y(e);
-    }, z = !!o, C = ((e) => {
+    }, z = !!s, B = ((e) => {
       if (typeof e == "string") return e;
       if (Array.isArray(e))
         return e.map((n) => typeof n == "string" ? n : "").join("").trim();
-    })(l), v = /* @__PURE__ */ s(
-      x,
+    })(l), C = /* @__PURE__ */ o(
+      v,
       {
         "data-name": "button-content",
         ...N,
         "aria-disabled": r || N["aria-disabled"],
         "aria-busy": r || void 0,
         onClick: q,
-        ref: k,
-        className: H,
-        children: u ? l : O()
+        ref: M,
+        className: k,
+        children: f ? l : O()
       }
     );
-    return /* @__PURE__ */ s(J, { visibility: "hide", children: M && z && C ? /* @__PURE__ */ T(c, { children: [
-      /* @__PURE__ */ s(c.Trigger, { children: v }),
-      /* @__PURE__ */ s(c.Content, { children: C })
-    ] }) : v });
+    return /* @__PURE__ */ o(J, { visibility: "hide", children: H && z && B ? /* @__PURE__ */ T(p, { ariaHidden: !0, children: [
+      /* @__PURE__ */ o(p.Trigger, { children: C }),
+      /* @__PURE__ */ o(p.Content, { children: B })
+    ] }) : C });
   }
 );
 E.displayName = "ButtonContent";

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

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

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

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

package/src/tedi/components/loaders/spinner/spinner.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),u=require("../../../../../external/classnames/index.cjs.js"),e=require("./spinner.module.scss.cjs.js"),p=require("../../../providers/label-provider/use-labels.cjs.js"),f=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),m=s=>{const{getLabel:a}=p.useLabels(),{getCurrentBreakpointProps:l}=f.useBreakpointProps(s.defaultServerBreakpoint),{className:o,size:r=16,color:i="primary",label:c=a("spinner.loading"),position:t}=l(s),d=u.default(e.default["tedi-spinner"],o,t&&e.default[`tedi-spinner--${t}`],r&&e.default[`tedi-spinner--size-${r}`],i&&e.default[`tedi-spinner--color-${i}`]);return n.jsxs("span",{className:d,role:"status","aria-live":"polite","data-testid":"tedi-spinner",children:[n.jsx("svg",{viewBox:"22 22 44 44","aria-hidden":"true",children:n.jsx("circle",{className:e.default["tedi-spinner__inner"],cx:"44",cy:"44",r:"20",fill:"none"})}),n.jsx("span",{className:"sr-only",children:c})]})};exports.Spinner=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),p=require("../../../../../external/classnames/index.cjs.js"),e=require("./spinner.module.scss.cjs.js"),f=require("../../../providers/label-provider/use-labels.cjs.js"),v=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),m=r=>{const{getLabel:o}=f.useLabels(),{getCurrentBreakpointProps:l}=v.useBreakpointProps(r.defaultServerBreakpoint),{className:d,size:s=16,color:t="primary",label:c=o("spinner.loading"),position:a,decorative:i=!1}=l(r),u=p.default(e.default["tedi-spinner"],d,a&&e.default[`tedi-spinner--${a}`],s&&e.default[`tedi-spinner--size-${s}`],t&&e.default[`tedi-spinner--color-${t}`]);return n.jsxs("span",{className:u,role:i?void 0:"status","aria-live":i?void 0:"polite","aria-hidden":i||void 0,"data-testid":"tedi-spinner",children:[n.jsx("svg",{viewBox:"22 22 44 44","aria-hidden":"true",children:n.jsx("circle",{className:e.default["tedi-spinner__inner"],cx:"44",cy:"44",r:"20",fill:"none"})}),!i&&n.jsx("span",{className:"sr-only",children:c})]})};exports.Spinner=m;

package/src/tedi/components/loaders/spinner/spinner.d.ts

@@ -33,6 +33,13 @@ export interface SpinnerProps extends BreakpointSupport<SpinnerBreakpointProps>
      * Provides a text label for screen readers to announce the spinner's purpose or status.
      */
     label?: string;
+    /**
+     * Renders the spinner as purely decorative — no `role="status"` live region and
+     * no screen-reader label. Use when the loading state is already announced by an
+     * ancestor (e.g. a button's `aria-busy`), so it isn't announced twice.
+     * @default false
+     */
+    decorative?: boolean;
 }
 export declare const Spinner: (props: SpinnerProps) => JSX.Element;
 export {};