@hortiview/default-components 0.0.11937 → 0.0.12167

package/README.md

@@ -1,6 +1,6 @@
 # Hortiview Default Components
 
-This is a component library that provides default components that posess default translations for the basic languages used in the HortiView Platform.
+This is a component library that provides default components that possess default translations for the basic languages used in the HortiView Platform.
 
 Supported languages are currently: English, spanish and turkish.
 
@@ -10,6 +10,49 @@ Supported languages are currently: English, spanish and turkish.
 
 `yarn add @hortiview/default-components`
 
+## Important Note
+
+To ensure that this library´s components always have access to the current platform language, it is mandatory to pass the language from the base props or from the i18n instance the components are wrapped in.
+
+To do so please call the useChangeDefaultComponentsLanguage-hook in a place where you can access the current language. The current language has to be provided to the hook as a parameter.
+The hook only has to be called once inside of a module.
+
+When using the current language from the base props this might look like shown in the following example:
+
+```tsx
+import { useChangeDefaultComponentsLanguage } from '@hortiview/default-components';
+import { useBasePropsStore } from './stores/BaseStore';
+
+export const ModuleBase = () => {
+  const currentLanguage = useBasePropsStore(state => state.currentLanguage);
+
+  /**
+   * needed to handle translations of the default components
+   */
+  useChangeDefaultComponentsLanguage(currentLanguage);
+
+  return <AnyComponent />;
+};
+```
+
+When using i18next this might look like shown in the following example:
+
+```tsx
+import { useChangeDefaultComponentsLanguage } from '@hortiview/default-components';
+import { AVAILABLE_LANGUAGE_CODES } from '@hortiview/shared-components';
+import { useTranslation } from 'react-i18next';
+
+export const ModuleBase = () => {
+  const { i18n } = useTranslation();
+  /**
+   * needed to handle translations of the default components
+   */
+  useChangeDefaultComponentsLanguage(i18n.language as AVAILABLE_LANGUAGE_CODES);
+
+  return <AnyComponent />;
+};
+```
+
 ## Remarks
 
 This library provides form components using [react-hook-form](https://react-hook-form.com/get-started). When you want to use these components please install `react-hook-form` before using them.
@@ -60,15 +103,15 @@ const { handleSubmit } = formMethods;
 
 Renders a loading spinner. The loading spinner can be customized in size and color. It can also be centered.
 
-```TSX
-import { DefaultLoadingSpinner } from  '@hortiview/default-components';
+```tsx
+import { DefaultLoadingSpinner } from '@hortiview/default-components';
 
-const [isLoading, setIsLoading] = useState(false)
+const [isLoading, setIsLoading] = useState(false);
 
 /** add logic that changes state of isLoading */
 
-if (isLoading) return <DefaultLoadingSpinner />
-return <DefaultComponent />
+if (isLoading) return <DefaultLoadingSpinner />;
+return <DefaultComponent />;
 ```
 
 ### HealthCheckComponents
@@ -79,54 +122,54 @@ If a custom text and type should be displayed please use the shared component `<
 
 #### DataBaseHealthCheck
 
-```TSX
-import { DataBaseHealthCheck } from  '@hortiview/default-components';
+```tsx
+import { DataBaseHealthCheck } from '@hortiview/default-components';
 
-const [isHealthy, setIsHealthy] = useState(false)
+const [isHealthy, setIsHealthy] = useState(false);
 
 /** add logic that changes state of isHealthy */
 
-if (!isHealthy) return <DataBaseHealthCheck />
-return <DefaultComponent />
+if (!isHealthy) return <DataBaseHealthCheck />;
+return <DefaultComponent />;
 ```
 
 #### DataBaseHealthCheck
 
-```TSX
-import { DataBaseHealthCheck } from  '@hortiview/default-components';
+```tsx
+import { DataBaseHealthCheck } from '@hortiview/default-components';
 
-const [isHealthy, setIsHealthy] = useState(false)
+const [isHealthy, setIsHealthy] = useState(false);
 
 /** add logic that changes state of isHealthy */
 
-if (!isHealthy) return <DataBaseHealthCheck />
-return <DefaultComponent />
+if (!isHealthy) return <DataBaseHealthCheck />;
+return <DefaultComponent />;
 ```
 
 #### IotServiceHealthCheck
 
-```TSX
-import { IotServiceHealthCheck } from  '@hortiview/default-components';
+```tsx
+import { IotServiceHealthCheck } from '@hortiview/default-components';
 
-const [isHealthy, setIsHealthy] = useState(false)
+const [isHealthy, setIsHealthy] = useState(false);
 
 /** add logic that changes state of isHealthy */
 
-if (!isHealthy) return <IotServiceHealthCheck />
-return <DefaultComponent />
+if (!isHealthy) return <IotServiceHealthCheck />;
+return <DefaultComponent />;
 ```
 
 #### PlatformHealthCheck
 
-```TSX
-import { PlatformHealthCheck } from  '@hortiview/default-components';
+```tsx
+import { PlatformHealthCheck } from '@hortiview/default-components';
 
-const [isHealthy, setIsHealthy] = useState(false)
+const [isHealthy, setIsHealthy] = useState(false);
 
 /** add logic that changes state of isHealthy */
 
-if (!isHealthy) return <PlatformHealthCheck />
-return <DefaultComponent />
+if (!isHealthy) return <PlatformHealthCheck />;
+return <DefaultComponent />;
 ```
 
 ### ImpatienceLoadingSpinner
@@ -134,13 +177,13 @@ return <DefaultComponent />
 This Loading spinner will automatically change to a specific text, after a certain waiting time, the time is adjustable.
 The default waiting time are 10 seconds.
 
-```TSX
-import { ImpatienceLoadingSpinner } from  '@hortiview/default-components';
+```tsx
+import { ImpatienceLoadingSpinner } from '@hortiview/default-components';
 
-const [isLoading, setIsLoading] = useState(false)
+const [isLoading, setIsLoading] = useState(false);
 
 /** add logic that changes state of isLoading */
 
-if (isLoading) return <ImpatienceLoadingSpinner />
-return <DefaultComponent />
+if (isLoading) return <ImpatienceLoadingSpinner />;
+return <DefaultComponent />;
 ```

package/dist/components/DefaultFormNumber/DefaultFormNumber.js

@@ -1,11 +1,11 @@
 import { jsx as jt } from "react/jsx-runtime";
 import { t as xn } from "../../i18n-DIprVS_u.js";
 import { s as Tn, R as u, F as Cn, t as On, v as Ln, o as be, w as Nn, N as lt, _ as Y, x as Ht, h as K, f as Et, p as k, a as It, y as An, D as Ye, U as Sn, r as _e, L as tn, b as ct, I as Rn, g as Vn, u as Pn } from "../../useTranslation-Bh0VR1ML.js";
-import I, { forwardRef as mt, useState as rt, useRef as F, useImperativeHandle as xt, useEffect as $, useMemo as vt, useCallback as _t, Fragment as Le, useLayoutEffect as Fn } from "react";
+import I, { forwardRef as mt, useState as rt, useRef as F, useImperativeHandle as xt, useEffect as B, useMemo as vt, useCallback as _t, Fragment as Le, useLayoutEffect as Fn } from "react";
 import { useFormContext as en, Controller as wn } from "react-hook-form";
 import { D as Dn, p as Gt, U as Ne, _ as Hn, O as jn } from "../../component-DsB0poTj-B4NF-JCy.js";
-import $n from "react-dom";
-import { I as Bn } from "../../InternationalizationWrapper-BtWuzVFG.js";
+import Bn from "react-dom";
+import { I as $n } from "../../InternationalizationWrapper-BtWuzVFG.js";
 import '../../assets/DefaultFormNumber.css';const kn = {
   /**
    * Content to be rendered inside the portal.
@@ -36,7 +36,7 @@ import '../../assets/DefaultFormNumber.css';const kn = {
     container: o,
     disabled: l
   } = n, s = F();
-  return xt(e, () => s.current, []), $(() => {
+  return xt(e, () => s.current, []), B(() => {
     var f;
     const p = (f = document) === null || f === void 0 ? void 0 : f.body;
     if (typeof o == "string")
@@ -49,7 +49,7 @@ import '../../assets/DefaultFormNumber.css';const kn = {
     else
       i(o || p);
   }, [o]), // eslint-disable-next-line react/jsx-no-useless-fragment
-  /* @__PURE__ */ I.createElement(I.Fragment, null, l || !r ? a : /* @__PURE__ */ $n.createPortal(a, r));
+  /* @__PURE__ */ I.createElement(I.Fragment, null, l || !r ? a : /* @__PURE__ */ Bn.createPortal(a, r));
 });
 Kt.displayName = "Portal";
 Kt.propTypes = kn;
@@ -182,10 +182,10 @@ function Qn() {
   }
   return pe = e, pe;
 }
-var he, $e;
+var he, Be;
 function Yn() {
-  if ($e) return he;
-  $e = 1;
+  if (Be) return he;
+  Be = 1;
   var n = Jn(), e = Qn();
   function t(r, i) {
     i = n(i, r);
@@ -195,10 +195,10 @@ function Yn() {
   }
   return he = t, he;
 }
-var me, Be;
+var me, $e;
 function tr() {
-  if (Be) return me;
-  Be = 1;
+  if ($e) return me;
+  $e = 1;
   var n = Yn();
   function e(t, r, i) {
     var a = t == null ? void 0 : n(t, r);
@@ -578,7 +578,7 @@ const rr = {
   float: !1,
   htmlFor: "",
   shake: !1
-}, $t = /* @__PURE__ */ mt((n, e) => {
+}, Bt = /* @__PURE__ */ mt((n, e) => {
   const {
     children: t,
     htmlFor: r = "",
@@ -588,9 +588,9 @@ const rr = {
     style: l,
     ...s
   } = n, f = F(), p = t, v = F();
-  return xt(e, () => v.current, []), $(() => (f.current = rn.attachTo(v.current), () => {
+  return xt(e, () => v.current, []), B(() => (f.current = rn.attachTo(v.current), () => {
     f.current.destroy();
-  })), $(() => {
+  })), B(() => {
     f.current.float(a);
   }, [a]), /* @__PURE__ */ I.createElement("label", lt({
     ref: v,
@@ -600,9 +600,9 @@ const rr = {
     style: l
   }), p);
 });
-$t.displayName = "FloatingLabel";
-$t.propTypes = rr;
-$t.defaultProps = ir;
+Bt.displayName = "FloatingLabel";
+Bt.propTypes = rr;
+Bt.defaultProps = ir;
 const ar = {
   /**
    * Content to be rendered inside the notched outline. Accepts a string.
@@ -641,11 +641,11 @@ const ar = {
     width: a,
     ...o
   } = n, l = F(), s = F();
-  return xt(e, () => l.current, []), $(() => (s.current = on.attachTo(l.current), () => {
+  return xt(e, () => l.current, []), B(() => (s.current = on.attachTo(l.current), () => {
     s.current.destroy();
-  }), []), $(() => {
+  }), []), B(() => {
     t !== void 0 && (t ? s.current.closeNotch() : s.current.notch());
-  }, [t]), $(() => {
+  }, [t]), B(() => {
     a ? s.current.foundation.adapter.setNotchWidthProperty(a) : s.current.foundation.adapter.removeNotchWidthProperty();
   }, [a]), /* @__PURE__ */ I.createElement("div", lt({
     className: Y("lmnt", "mdc-notched-outline", r),
@@ -819,7 +819,7 @@ const Ee = /* @__PURE__ */ mt((n, e) => {
   xt(e, () => g.current, []);
   const [h] = rt(() => o || Ht()), w = _t(() => {
     l == null || l();
-  }, [l]), B = _t((T) => {
+  }, [l]), $ = _t((T) => {
     T.key === "Enter" && (l == null || l());
   }, [l]);
   An(() => {
@@ -873,7 +873,7 @@ const Ee = /* @__PURE__ */ mt((n, e) => {
     const T = t;
     return T.type ? T.type === Le : T === Le;
   }, [t]);
-  $(() => {
+  B(() => {
     const T = `Tooltips should only include short text for additional context and should not exceed three lines visually. (Toolitip ID ${h}).`;
     p && p.length > 100 && Sn(T);
   }, [p, h]);
@@ -888,7 +888,7 @@ const Ee = /* @__PURE__ */ mt((n, e) => {
   ), S = l ? {
     tabIndex: 0,
     role: l ? "button" : "note",
-    onKeyPress: B,
+    onKeyPress: $,
     onClick: w
   } : {};
   return /* @__PURE__ */ I.createElement("span", lt({
@@ -1985,8 +1985,8 @@ var _r = (
       !h && m && b && (h = b.querySelector(L.ROOT_SELECTOR)), this.characterCounter_ = h ? a(h) : null;
       var w = this.root.querySelector(nt.LEADING_ICON_SELECTOR);
       this.leadingIcon_ = w ? o(w) : null;
-      var B = this.root.querySelector(nt.TRAILING_ICON_SELECTOR);
-      this.trailingIcon_ = B ? o(B) : null, this.prefix_ = this.root.querySelector(nt.PREFIX_SELECTOR), this.suffix_ = this.root.querySelector(nt.SUFFIX_SELECTOR), this.ripple = this.createRipple_(t);
+      var $ = this.root.querySelector(nt.TRAILING_ICON_SELECTOR);
+      this.trailingIcon_ = $ ? o($) : null, this.prefix_ = this.root.querySelector(nt.PREFIX_SELECTOR), this.suffix_ = this.root.querySelector(nt.SUFFIX_SELECTOR), this.ripple = this.createRipple_(t);
     }, e.prototype.destroy = function() {
       this.ripple && this.ripple.destroy(), this.lineRipple_ && this.lineRipple_.destroy(), this.helperText_ && this.helperText_.destroy(), this.characterCounter_ && this.characterCounter_.destroy(), this.leadingIcon_ && this.leadingIcon_.destroy(), this.trailingIcon_ && this.trailingIcon_.destroy(), this.label_ && this.label_.destroy(), this.outline_ && this.outline_.destroy(), n.prototype.destroy.call(this);
     }, e.prototype.initialSyncWithDOM = function() {
@@ -2357,11 +2357,11 @@ const yr = {
     className: i,
     ...a
   } = n, o = F(), l = F();
-  return xt(e, () => l.current, []), $(() => (o.current = ln.attachTo(l.current), () => {
+  return xt(e, () => l.current, []), B(() => (o.current = ln.attachTo(l.current), () => {
     o.current.destroy();
-  }), [l]), $(() => {
+  }), [l]), B(() => {
     t ? o.current.activate() : o.current.deactivate();
-  }, [t]), $(() => {
+  }, [t]), B(() => {
     r && o.current.setRippleCenter(r);
   }, [r]), /* @__PURE__ */ I.createElement("div", lt({
     ref: l,
@@ -2759,7 +2759,7 @@ const Ir = {
     helperTextId: L,
     helperTextPersistent: h,
     helperTextValidation: w,
-    id: B,
+    id: $,
     label: O,
     labelId: U,
     leadingContent: J,
@@ -2787,30 +2787,30 @@ const Ir = {
   } = n, {
     hoisted: Vt,
     position: Ut = "bottom"
-  } = R && typeof R == "object" ? R : {}, [Tt] = rt(() => B || Ht()), [Pt] = rt(() => L || Ht()), [Ft] = rt(() => U || Ht()), [Wt, te] = rt(!0), [Ct, ee] = rt(!1), [c, d] = rt(T), y = g || l && c, P = N ? "textarea" : "input", G = F(), A = F(), E = F(), Z = F(), tt = F(), Q = F(), pt = F(), wt = F(), yn = (j || q) && !N, Ot = vt(() => dt ?? !0, [dt]), Lt = !N && (v || x || ft === "embedded"), ne = !v && (z || _ || ft === "outlined"), qt = !ne && !Lt && (gt || C || ft === "filled"), Dt = Lt || m || t, re = !Lt && !!O && !f;
-  $(() => (E.current = _r.attachTo(Z.current), () => {
+  } = R && typeof R == "object" ? R : {}, [Tt] = rt(() => $ || Ht()), [Pt] = rt(() => L || Ht()), [Ft] = rt(() => U || Ht()), [Wt, te] = rt(!0), [Ct, ee] = rt(!1), [c, d] = rt(T), y = g || l && c, P = N ? "textarea" : "input", G = F(), A = F(), E = F(), Z = F(), tt = F(), Q = F(), pt = F(), wt = F(), yn = (j || q) && !N, Ot = vt(() => dt ?? !0, [dt]), Lt = !N && (v || x || ft === "embedded"), ne = !v && (z || _ || ft === "outlined"), qt = !ne && !Lt && (gt || C || ft === "filled"), Dt = Lt || m || t, re = !Lt && !!O && !f;
+  B(() => (E.current = _r.attachTo(Z.current), () => {
     E.current.destroy();
   }), [Ct]), xt(e, () => ({
     mdc: E.current,
     input: tt.current,
     container: Q.current,
     label: Z.current
-  })), $(() => (g && typeof g == "string" && (A.current = new dn(G.current)), () => {
+  })), B(() => (g && typeof g == "string" && (A.current = new dn(G.current)), () => {
     A.current && A.current.destroy();
-  }), [g]), $(() => {
+  }), [g]), B(() => {
     if (g) {
       var W, et, at, Nt;
       (W = A.current) === null || W === void 0 || W.foundation.setValidation(w), (et = A.current) === null || et === void 0 || et.foundation.setValidity(Ot), (at = A.current) === null || at === void 0 || at.foundation.setPersistent(h), (Nt = A.current) === null || Nt === void 0 || Nt.foundation.setContent(g);
     }
-  }, [g, h, w, Ot]), $(() => {
+  }, [g, h, w, Ot]), B(() => {
     s || (E.current.value = X || X === 0 ? X : ""), E.current.valid = Ot;
-  }, [E, X, Ot, s]), $(() => {
+  }, [E, X, Ot, s]), B(() => {
     E.current.disabled = p;
-  }, [E, p]), $(() => {
+  }, [E, p]), B(() => {
     d(S && !T ? S : T);
-  }, [T, S]), $(() => {
+  }, [T, S]), B(() => {
     ee(c > 0 && l);
-  }, [c, l]), $(() => {
+  }, [c, l]), B(() => {
     te(Dt || l || g);
   }, [Dt, l, g]);
   const En = () => {
@@ -2820,9 +2820,9 @@ const Ir = {
   }, xe = () => {
     E.current.value = "", E.current.valid = Ot;
   };
-  $(() => (window.addEventListener("reset", xe), () => {
+  B(() => (window.addEventListener("reset", xe), () => {
     window.removeEventListener("reset", xe);
-  }), []), $(() => {
+  }), []), B(() => {
     if (R) {
       const W = [{
         name: "flip",
@@ -2908,10 +2908,10 @@ const Ir = {
     value: X
   }, Rt)), !D && Ke(Ct, c)), j && !N && Cr(j), V && !j && !N && /* @__PURE__ */ I.createElement("span", {
     className: "mdc-text-field__affix mdc-text-field__affix--suffix"
-  }, V), ne && /* @__PURE__ */ I.createElement(zt, null, re && /* @__PURE__ */ I.createElement($t, {
+  }, V), ne && /* @__PURE__ */ I.createElement(zt, null, re && /* @__PURE__ */ I.createElement(Bt, {
     id: Ft,
     htmlFor: Tt
-  }, O)), qt && re && /* @__PURE__ */ I.createElement($t, {
+  }, O)), qt && re && /* @__PURE__ */ I.createElement(Bt, {
     id: Ft,
     htmlFor: Tt
   }, O), (qt || Lt) && /* @__PURE__ */ I.createElement(Zt, null)), H, y && /* @__PURE__ */ I.createElement("div", {
@@ -2942,10 +2942,10 @@ function pn(n, e) {
       e.indexOf(r[i]) < 0 && Object.prototype.propertyIsEnumerable.call(n, r[i]) && (t[r[i]] = n[r[i]]);
   return t;
 }
-var Bt;
+var $t;
 (function(n) {
   n.event = "event", n.props = "prop";
-})(Bt || (Bt = {}));
+})($t || ($t = {}));
 function ht() {
 }
 function Lr(n) {
@@ -3122,8 +3122,8 @@ function jr(n, e, t, r, i, a, o) {
   var w = h === f || C[h] === -1 ? p : C[h];
   for (h = r - 1; h > 0 && C[h] === -1; )
     h--;
-  var B = h === -1 || C[h] === -1 ? 0 : C[h] + 1;
-  return B > w ? w : r - B < w - r ? B : w;
+  var $ = h === -1 || C[h] === -1 ? 0 : C[h] + 1;
+  return $ > w ? w : r - $ < w - r ? $ : w;
 }
 function Je(n, e, t, r) {
   var i = n.length;
@@ -3138,7 +3138,7 @@ function Je(n, e, t, r) {
   }
   return e === -1 && (e = i), e;
 }
-function $r(n) {
+function Br(n) {
   for (var e = Array.from({ length: n.length + 1 }).map(function() {
     return !0;
   }), t = 0, r = e.length; t < r; t++)
@@ -3164,7 +3164,7 @@ function _n(n, e, t, r, i, a) {
     f(b);
   }, [b.formattedValue]), [s, p];
 }
-function Br(n) {
+function $r(n) {
   return n.replace(/[^0-9]/g, "");
 }
 function kr(n) {
@@ -3178,7 +3178,7 @@ function Mr(n) {
   var r = n.customInput, i = n.renderText, a = n.getInputRef, o = n.format;
   o === void 0 && (o = kr);
   var l = n.removeFormatting;
-  l === void 0 && (l = Br);
+  l === void 0 && (l = $r);
   var s = n.defaultValue, f = n.valueIsNumericString, p = n.onValueChange, v = n.isAllowed, C = n.onChange;
   C === void 0 && (C = ht);
   var b = n.onKeyDown;
@@ -3190,16 +3190,16 @@ function Mr(n) {
   var L = n.onBlur;
   L === void 0 && (L = ht);
   var h = n.value, w = n.getCaretBoundary;
-  w === void 0 && (w = $r);
-  var B = n.isValidInputCharacter;
-  B === void 0 && (B = kt);
+  w === void 0 && (w = Br);
+  var $ = n.isValidInputCharacter;
+  $ === void 0 && ($ = kt);
   var O = n.isCharacterSame, U = pn(n, ["type", "displayType", "customInput", "renderText", "getInputRef", "format", "removeFormatting", "defaultValue", "valueIsNumericString", "onValueChange", "isAllowed", "onChange", "onKeyDown", "onMouseUp", "onFocus", "onBlur", "value", "getCaretBoundary", "isValidInputCharacter", "isCharacterSame"]), J = _n(h, s, !!f, o, l, p), q = J[0], S = q.formattedValue, T = q.numAsString, D = J[1], M = F(), z = F({ formattedValue: S, numAsString: T }), it = function(c, d) {
     z.current = { formattedValue: c.formattedValue, numAsString: c.value }, D(c, d);
   }, ut = rt(!1), gt = ut[0], x = ut[1], _ = F(null), V = F({
     setCaretTimeout: null,
     focusTimeout: null
   });
-  $(function() {
+  B(function() {
     return x(!0), function() {
       clearTimeout(V.current.setCaretTimeout), clearTimeout(V.current.focusTimeout);
     };
@@ -3218,7 +3218,7 @@ function Mr(n) {
   }, j = function(c, d, y) {
     return Je(c, d, w(c), y);
   }, st = function(c, d, y) {
-    var P = w(d), G = jr(d, S, c, y, P, B, O);
+    var P = w(d), G = jr(d, S, c, y, P, $, O);
     return G = Je(d, G, P), G;
   }, dt = function(c) {
     var d = c.formattedValue;
@@ -3230,14 +3230,14 @@ function Mr(n) {
     }
     d !== S && it(R(d, A), { event: G, source: P });
   };
-  $(function() {
+  B(function() {
     var c = z.current, d = c.formattedValue, y = c.numAsString;
     (S !== d || T !== y) && it(R(S, T), {
       event: void 0,
-      source: Bt.props
+      source: $t.props
     });
   }, [S, T]);
-  var X = _.current ? ve(_.current) : void 0, ft = typeof window < "u" ? Fn : $;
+  var X = _.current ? ve(_.current) : void 0, ft = typeof window < "u" ? Fn : B;
   ft(function() {
     var c = _.current;
     if (S !== z.current.formattedValue && c) {
@@ -3264,7 +3264,7 @@ function Mr(n) {
     var y = c.selectionStart, P = c.selectionEnd;
     M.current = { selectionStart: y, selectionEnd: P + d };
   }, Ut = function(c) {
-    var d = c.target, y = d.value, P = Rt(y, c, Bt.event);
+    var d = c.target, y = d.value, P = Rt(y, c, $t.event);
     P && C(c), M.current = void 0;
   }, Tt = function(c) {
     var d = c.target, y = c.key, P = d.selectionStart, G = d.selectionEnd, A = d.value;
@@ -3282,7 +3282,7 @@ function Mr(n) {
     if (tt) {
       var pt = y === "ArrowLeft" ? "left" : "right";
       Q = j(A, E, pt), Q !== E && c.preventDefault();
-    } else y === "Delete" && !B(A[E]) ? Q = j(A, E, "right") : y === "Backspace" && !B(A[E]) && (Q = j(A, E, "left"));
+    } else y === "Delete" && !$(A[E]) ? Q = j(A, E, "right") : y === "Backspace" && !$(A[E]) && (Q = j(A, E, "left"));
     Q !== E && H(d, Q, A), b(c), Vt(d, Z);
   }, Pt = function(c) {
     var d = c.target, y = function() {
@@ -3374,14 +3374,14 @@ function Gr(n, e, t) {
     a.startsWith("-") ? R = !1 : _.startsWith("--") ? (R = !1, H = !0) : o.startsWith("-") && _.length === o.length ? R = !1 : _[0] === "-" && (R = !0);
     var j = R ? 1 : 0;
     return H && (j = 2), j && (_ = _.substring(j), V -= j, N -= j), { value: _, start: V, end: N, hasNegation: R };
-  }, w = h(n, p, v), B = w.hasNegation;
+  }, w = h(n, p, v), $ = w.hasNegation;
   r = w, n = r.value, p = r.start, v = r.end;
   var O = h(e.lastValue, s.start, s.end), U = O.start, J = O.end, q = O.value, S = n.substring(p, v);
   n.length && q.length && (U > q.length - o.length || J < a.length) && !(S && o.startsWith(S)) && (n = q);
   var T = 0;
   n.startsWith(a) ? T += a.length : p < a.length && (T = p), n = n.substring(T), v -= T;
   var D = n.length, M = n.length - o.length;
-  n.endsWith(o) ? D = M : (v > M || v > n.length - o.length) && (D = v), n = n.substring(0, D), n = Ur(B ? "-" + n : n, i), n = (n.match(Wr(m)) || []).join("");
+  n.endsWith(o) ? D = M : (v > M || v > n.length - o.length) && (D = v), n = n.substring(0, D), n = Ur($ ? "-" + n : n, i), n = (n.match(Wr(m)) || []).join("");
   var z = n.indexOf(m);
   n = n.replace(new RegExp(mn(m), "g"), function(_, V) {
     return V === z ? "." : "";
@@ -3427,13 +3427,13 @@ function zr(n) {
   f === void 0 && (f = "");
   var p = n.defaultValue, v = n.value, C = n.valueIsNumericString, b = n.onValueChange, m = pn(n, ["decimalSeparator", "allowedDecimalSeparators", "thousandsGroupStyle", "suffix", "allowNegative", "allowLeadingZeros", "onKeyDown", "onBlur", "thousandSeparator", "decimalScale", "fixedDecimalScale", "prefix", "defaultValue", "value", "valueIsNumericString", "onValueChange"]), g = Yt(n), L = g.decimalSeparator, h = g.allowedDecimalSeparators, w = function(x) {
     return Qe(x, n);
-  }, B = function(x, _) {
+  }, $ = function(x, _) {
     return Gr(x, _, n);
   }, O = St(v) ? p : v, U = C ?? qr(O, f, e);
   St(v) ? St(p) || (U = U || typeof p == "number") : U = U || typeof v == "number";
   var J = function(x) {
     return hn(x) ? x : (typeof x == "number" && (x = gn(x)), U && typeof l == "number" ? Ze(x, l, !!s) : x);
-  }, q = _n(J(v), J(p), !!U, w, B, b), S = q[0], T = S.numAsString, D = S.formattedValue, M = q[1], z = function(x) {
+  }, q = _n(J(v), J(p), !!U, w, $, b), S = q[0], T = S.numAsString, D = S.formattedValue, M = q[1], z = function(x) {
     var _ = x.target, V = x.key, N = _.selectionStart, R = _.selectionEnd, H = _.value;
     if (H === void 0 && (H = ""), (V === "Backspace" || V === "Delete") && R < f.length) {
       x.preventDefault();
@@ -3456,7 +3456,7 @@ function zr(n) {
         floatValue: parseFloat(_)
       }, {
         event: x,
-        source: Bt.event
+        source: $t.event
       });
     }
     a(x);
@@ -3464,7 +3464,7 @@ function zr(n) {
     return x === L ? !0 : kt(x);
   }, gt = function(x) {
     var _ = x.currentValue, V = x.lastValue, N = x.formattedValue, R = x.currentValueIndex, H = x.formattedValueIndex, j = _[R], st = N[H], dt = bn(V, _), X = dt.to, ft = function(Rt) {
-      return B(Rt).indexOf(".") + f.length;
+      return $(Rt).indexOf(".") + f.length;
     };
     return v === 0 && s && l && _[X.start] === L && ft(_) < R && ft(N) > H ? !1 : R >= X.start && R < X.end && h && h.includes(j) && st === L ? !0 : j === st;
   };
@@ -3475,7 +3475,7 @@ function zr(n) {
     isCharacterSame: gt,
     onValueChange: M,
     format: w,
-    removeFormatting: B,
+    removeFormatting: $,
     getCaretBoundary: function(x) {
       return Xr(x, n);
     },
@@ -3586,7 +3586,7 @@ const Yr = "_invalid_1dsbr_1", ti = {
   ...n
 }) => {
   const { t: e, i18n: t } = Pn();
-  return /* @__PURE__ */ jt(Bn, { children: /* @__PURE__ */ jt(
+  return /* @__PURE__ */ jt($n, { children: /* @__PURE__ */ jt(
     ni,
     {
       ...n,