@equinor/roma-ui 0.1.2 → 0.2.0

package/index.d.ts

@@ -1,2 +1,3 @@
 export * from './lib/select/select';
 export * from './lib/switch/Switch';
+export * from './lib/NumberField/NumberField';

package/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./select.js"),t=require("./switch.js");exports.Option=e.Option;exports.Select=e.Select;exports.Styled=e.Styled;exports.Switch=t.Switch;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./select.js"),t=require("./switch.js"),i=require("./number.js");exports.Option=e.Option;exports.Select=e.Select;exports.Styled=e.Styled;exports.Switch=t.Switch;exports.NumberField=i.NumberField;

package/index.mjs

@@ -1,8 +1,10 @@
-import { Option as o, Select as r, Styled as p } from "./select.mjs";
-import { Switch as c } from "./switch.mjs";
+import { Option as r, Select as t, Styled as m } from "./select.mjs";
+import { Switch as f } from "./switch.mjs";
+import { NumberField as l } from "./number.mjs";
 export {
-  o as Option,
-  r as Select,
-  p as Styled,
-  c as Switch
+  l as NumberField,
+  r as Option,
+  t as Select,
+  m as Styled,
+  f as Switch
 };

package/lib/NumberField/NumberField.d.ts

@@ -0,0 +1,3 @@
+import { InputProps } from '@equinor/eds-core-react';
+import { AriaNumberFieldProps } from '@react-types/numberfield';
+export declare const NumberField: import('react').ForwardRefExoticComponent<InputProps & AriaNumberFieldProps & import('react').RefAttributes<unknown>>;

package/lib/select/styled-comps.d.ts

@@ -26,7 +26,10 @@ declare const _default: {
         disabledKeys?: Iterable<import('react-aria-components').Key> | undefined;
         onFocusChange?: ((isFocused: boolean) => void) | undefined;
         selectionBehavior?: import('react-stately').SelectionBehavior | undefined;
+        shouldSelectOnPressUp?: boolean | undefined;
+        shouldFocusOnHover?: boolean | undefined;
         onAction?: ((key: import('react-aria-components').Key) => void) | undefined;
+        escapeKeyBehavior?: "clearSelection" | "none" | undefined;
         shouldFocusWrap?: boolean | undefined;
         selectionMode?: import('react-aria-components').SelectionMode | undefined;
         selectedKeys?: ("all" | Iterable<import('react-aria-components').Key>) | undefined;

package/number.js

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Le=require("react/jsx-runtime"),E=require("react"),Ye=require("react-aria"),qe=require("@equinor/eds-core-react"),ze=require("./useControlledState-D0L6S_5r.js");function We(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(t,e,i.get?i:{enumerable:!0,get:()=>r[e]})}}return t.default=r,Object.freeze(t)}const I=We(E);function re(r,t=-1/0,e=1/0){return Math.min(Math.max(r,t),e)}function B(r,t){let e=r,i=t.toString(),o=i.indexOf("."),a=o>=0?i.length-o:0;if(a>0){let s=Math.pow(10,a);e=Math.round(e*s)/s}return e}function V(r,t,e,i){t=Number(t),e=Number(e);let o=(r-(isNaN(t)?0:t))%i,a=B(Math.abs(o)*2>=i?r+Math.sign(o)*(i-Math.abs(o)):r-o,i);return isNaN(t)?!isNaN(e)&&a>e&&(a=Math.floor(B(e/i,i))*i):a<t?a=t:!isNaN(e)&&a>e&&(a=t+Math.floor(B((e-t)/i,i))*i),a=B(a,i),a}const xe={badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1,valid:!0},Re={...xe,customError:!0,valid:!1},j={isInvalid:!1,validationDetails:xe,validationErrors:[]},Ue=E.createContext({}),ve="__formValidationState"+Date.now();function Ge(r){if(r[ve]){let{realtimeValidation:t,displayValidation:e,updateValidation:i,resetValidation:o,commitValidation:a}=r[ve];return{realtimeValidation:t,displayValidation:e,updateValidation:i,resetValidation:o,commitValidation:a}}return Be(r)}function Be(r){let{isInvalid:t,validationState:e,name:i,value:o,builtinValidation:a,validate:s,validationBehavior:u="aria"}=r;e&&(t||(t=e==="invalid"));let f=t!==void 0?{isInvalid:t,validationErrors:[],validationDetails:Re}:null,g=E.useMemo(()=>{if(!s||o==null)return null;let c=Ze(s,o);return he(c)},[s,o]);a!=null&&a.validationDetails.valid&&(a=void 0);let $=E.useContext(Ue),y=E.useMemo(()=>i?Array.isArray(i)?i.flatMap(c=>le($[c])):le($[i]):[],[$,i]),[P,h]=E.useState($),[m,S]=E.useState(!1);$!==P&&(h($),S(!1));let x=E.useMemo(()=>he(m?[]:y),[m,y]),T=E.useRef(j),[R,p]=E.useState(j),d=E.useRef(j),n=()=>{if(!_)return;C(!1);let c=g||a||T.current;ie(c,d.current)||(d.current=c,p(c))},[_,C]=E.useState(!1);return E.useEffect(n),{realtimeValidation:f||x||g||a||j,displayValidation:u==="native"?f||x||R:f||x||g||a||R,updateValidation(c){u==="aria"&&!ie(R,c)?p(c):T.current=c},resetValidation(){let c=j;ie(c,d.current)||(d.current=c,p(c)),u==="native"&&C(!1),S(!0)},commitValidation(){u==="native"&&C(!0),S(!0)}}}function le(r){return r?Array.isArray(r)?r:[r]:[]}function Ze(r,t){if(typeof r=="function"){let e=r(t);if(e&&typeof e!="boolean")return le(e)}return[]}function he(r){return r.length?{isInvalid:!0,validationErrors:r,validationDetails:Re}:null}function ie(r,t){return r===t?!0:!!r&&!!t&&r.isInvalid===t.isInvalid&&r.validationErrors.length===t.validationErrors.length&&r.validationErrors.every((e,i)=>e===t.validationErrors[i])&&Object.entries(r.validationDetails).every(([e,i])=>t.validationDetails[e]===i)}let ae=new Map,ue=!1;try{ue=new Intl.NumberFormat("de-DE",{signDisplay:"exceptZero"}).resolvedOptions().signDisplay==="exceptZero"}catch{}let X=!1;try{X=new Intl.NumberFormat("de-DE",{style:"unit",unit:"degree"}).resolvedOptions().style==="unit"}catch{}const we={degree:{narrow:{default:"°","ja-JP":" 度","zh-TW":"度","sl-SI":" °"}}};class ce{format(t){let e="";if(!ue&&this.options.signDisplay!=null?e=He(this.numberFormatter,this.options.signDisplay,t):e=this.numberFormatter.format(t),this.options.style==="unit"&&!X){var i;let{unit:o,unitDisplay:a="short",locale:s}=this.resolvedOptions();if(!o)return e;let u=(i=we[o])===null||i===void 0?void 0:i[a];e+=u[s]||u.default}return e}formatToParts(t){return this.numberFormatter.formatToParts(t)}formatRange(t,e){if(typeof this.numberFormatter.formatRange=="function")return this.numberFormatter.formatRange(t,e);if(e<t)throw new RangeError("End date must be >= start date");return`${this.format(t)} – ${this.format(e)}`}formatRangeToParts(t,e){if(typeof this.numberFormatter.formatRangeToParts=="function")return this.numberFormatter.formatRangeToParts(t,e);if(e<t)throw new RangeError("End date must be >= start date");let i=this.numberFormatter.formatToParts(t),o=this.numberFormatter.formatToParts(e);return[...i.map(a=>({...a,source:"startRange"})),{type:"literal",value:" – ",source:"shared"},...o.map(a=>({...a,source:"endRange"}))]}resolvedOptions(){let t=this.numberFormatter.resolvedOptions();return!ue&&this.options.signDisplay!=null&&(t={...t,signDisplay:this.options.signDisplay}),!X&&this.options.style==="unit"&&(t={...t,style:"unit",unit:this.options.unit,unitDisplay:this.options.unitDisplay}),t}constructor(t,e={}){this.numberFormatter=Xe(t,e),this.options=e}}function Xe(r,t={}){let{numberingSystem:e}=t;if(e&&r.includes("-nu-")&&(r.includes("-u-")||(r+="-u-"),r+=`-nu-${e}`),t.style==="unit"&&!X){var i;let{unit:s,unitDisplay:u="short"}=t;if(!s)throw new Error('unit option must be provided with style: "unit"');if(!(!((i=we[s])===null||i===void 0)&&i[u]))throw new Error(`Unsupported unit ${s} with unitDisplay = ${u}`);t={...t,style:"decimal"}}let o=r+(t?Object.entries(t).sort((s,u)=>s[0]<u[0]?-1:1).join():"");if(ae.has(o))return ae.get(o);let a=new Intl.NumberFormat(r,t);return ae.set(o,a),a}function He(r,t,e){if(t==="auto")return r.format(e);if(t==="never")return r.format(Math.abs(e));{let i=!1;if(t==="always"?i=e>0||Object.is(e,0):t==="exceptZero"&&(Object.is(e,-0)||Object.is(e,0)?e=Math.abs(e):i=e>0),i){let o=r.format(-e),a=r.format(e),s=o.replace(a,"").replace(/\u200e|\u061C/,"");return[...s].length!==1&&console.warn("@react-aria/i18n polyfill for NumberFormat signDisplay: Unsupported case"),o.replace(a,"!!!").replace(s,"+").replace("!!!",a)}else return r.format(e)}}const Ke=new RegExp("^.*\\(.*\\).*$"),Qe=["latn","arab","hanidec","deva","beng"];class Ce{parse(t){return ne(this.locale,this.options,t).parse(t)}isValidPartialNumber(t,e,i){return ne(this.locale,this.options,t).isValidPartialNumber(t,e,i)}getNumberingSystem(t){return ne(this.locale,this.options,t).options.numberingSystem}constructor(t,e={}){this.locale=t,this.options=e}}const ge=new Map;function ne(r,t,e){let i=$e(r,t);if(!r.includes("-nu-")&&!i.isValidPartialNumber(e)){for(let o of Qe)if(o!==i.options.numberingSystem){let a=$e(r+(r.includes("-u-")?"-nu-":"-u-nu-")+o,t);if(a.isValidPartialNumber(e))return a}}return i}function $e(r,t){let e=r+(t?Object.entries(t).sort((o,a)=>o[0]<a[0]?-1:1).join():""),i=ge.get(e);return i||(i=new Je(r,t),ge.set(e,i)),i}class Je{parse(t){let e=this.sanitize(t);if(this.symbols.group&&(e=L(e,this.symbols.group,"")),this.symbols.decimal&&(e=e.replace(this.symbols.decimal,".")),this.symbols.minusSign&&(e=e.replace(this.symbols.minusSign,"-")),e=e.replace(this.symbols.numeral,this.symbols.index),this.options.style==="percent"){let s=e.indexOf("-");e=e.replace("-",""),e=e.replace("+","");let u=e.indexOf(".");u===-1&&(u=e.length),e=e.replace(".",""),u-2===0?e=`0.${e}`:u-2===-1?e=`0.0${e}`:u-2===-2?e="0.00":e=`${e.slice(0,u-2)}.${e.slice(u-2)}`,s>-1&&(e=`-${e}`)}let i=e?+e:NaN;if(isNaN(i))return NaN;if(this.options.style==="percent"){var o,a;let s={...this.options,style:"decimal",minimumFractionDigits:Math.min(((o=this.options.minimumFractionDigits)!==null&&o!==void 0?o:0)+2,20),maximumFractionDigits:Math.min(((a=this.options.maximumFractionDigits)!==null&&a!==void 0?a:0)+2,20)};return new Ce(this.locale,s).parse(new ce(this.locale,s).format(i))}return this.options.currencySign==="accounting"&&Ke.test(t)&&(i=-1*i),i}sanitize(t){return t=t.replace(this.symbols.literals,""),this.symbols.minusSign&&(t=t.replace("-",this.symbols.minusSign)),this.options.numberingSystem==="arab"&&(this.symbols.decimal&&(t=t.replace(",",this.symbols.decimal),t=t.replace("،",this.symbols.decimal)),this.symbols.group&&(t=L(t,".",this.symbols.group))),this.options.locale==="fr-FR"&&this.symbols.group&&(t=L(t," ",this.symbols.group),t=L(t,/\u00A0/g,this.symbols.group)),t}isValidPartialNumber(t,e=-1/0,i=1/0){return t=this.sanitize(t),this.symbols.minusSign&&t.startsWith(this.symbols.minusSign)&&e<0?t=t.slice(this.symbols.minusSign.length):this.symbols.plusSign&&t.startsWith(this.symbols.plusSign)&&i>0&&(t=t.slice(this.symbols.plusSign.length)),this.symbols.group&&t.startsWith(this.symbols.group)||this.symbols.decimal&&t.indexOf(this.symbols.decimal)>-1&&this.options.maximumFractionDigits===0?!1:(this.symbols.group&&(t=L(t,this.symbols.group,"")),t=t.replace(this.symbols.numeral,""),this.symbols.decimal&&(t=t.replace(this.symbols.decimal,"")),t.length===0)}constructor(t,e={}){this.locale=t,e.roundingIncrement!==1&&e.roundingIncrement!=null&&(e.maximumFractionDigits==null&&e.minimumFractionDigits==null?(e.maximumFractionDigits=0,e.minimumFractionDigits=0):e.maximumFractionDigits==null?e.maximumFractionDigits=e.minimumFractionDigits:e.minimumFractionDigits==null&&(e.minimumFractionDigits=e.maximumFractionDigits)),this.formatter=new Intl.NumberFormat(t,e),this.options=this.formatter.resolvedOptions(),this.symbols=et(t,this.formatter,this.options,e);var i,o;this.options.style==="percent"&&(((i=this.options.minimumFractionDigits)!==null&&i!==void 0?i:0)>18||((o=this.options.maximumFractionDigits)!==null&&o!==void 0?o:0)>18)&&console.warn("NumberParser cannot handle percentages with greater than 18 decimal places, please reduce the number in your options.")}}const Se=new Set(["decimal","fraction","integer","minusSign","plusSign","group"]),ke=[0,4,2,1,11,20,3,7,100,21,.1,1.1];function et(r,t,e,i){var o,a,s,u;let f=new Intl.NumberFormat(r,{...e,minimumSignificantDigits:1,maximumSignificantDigits:21,roundingIncrement:1,roundingPriority:"auto",roundingMode:"halfExpand"}),g=f.formatToParts(-10000.111),$=f.formatToParts(10000.111),y=ke.map(c=>f.formatToParts(c));var P;let h=(P=(o=g.find(c=>c.type==="minusSign"))===null||o===void 0?void 0:o.value)!==null&&P!==void 0?P:"-",m=(a=$.find(c=>c.type==="plusSign"))===null||a===void 0?void 0:a.value;!m&&((i==null?void 0:i.signDisplay)==="exceptZero"||(i==null?void 0:i.signDisplay)==="always")&&(m="+");let x=(s=new Intl.NumberFormat(r,{...e,minimumFractionDigits:2,maximumFractionDigits:2}).formatToParts(.001).find(c=>c.type==="decimal"))===null||s===void 0?void 0:s.value,T=(u=g.find(c=>c.type==="group"))===null||u===void 0?void 0:u.value,R=g.filter(c=>!Se.has(c.type)).map(c=>Ee(c.value)),p=y.flatMap(c=>c.filter(M=>!Se.has(M.type)).map(M=>Ee(M.value))),d=[...new Set([...R,...p])].sort((c,M)=>M.length-c.length),n=d.length===0?new RegExp("[\\p{White_Space}]","gu"):new RegExp(`${d.join("|")}|[\\p{White_Space}]`,"gu"),_=[...new Intl.NumberFormat(e.locale,{useGrouping:!1}).format(9876543210)].reverse(),C=new Map(_.map((c,M)=>[c,M])),D=new RegExp(`[${_.join("")}]`,"g");return{minusSign:h,plusSign:m,decimal:x,group:T,literals:n,numeral:D,index:c=>String(C.get(c))}}function L(r,t,e){return r.replaceAll?r.replaceAll(t,e):r.split(t).join(e)}function Ee(r){return r.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function tt(r){let{minValue:t,maxValue:e,step:i,formatOptions:o,value:a,defaultValue:s=NaN,onChange:u,locale:f,isDisabled:g,isReadOnly:$}=r;a===null&&(a=NaN),a!==void 0&&!isNaN(a)&&(i!==void 0&&!isNaN(i)?a=V(a,t,e,i):a=re(a,t,e)),isNaN(s)||(i!==void 0&&!isNaN(i)?s=V(s,t,e,i):s=re(s,t,e));let[y,P]=ze.$458b0a5536c1a7cf$export$40bfa8c7b0832715(a,isNaN(s)?NaN:s,u),[h,m]=E.useState(()=>isNaN(y)?"":new ce(f,o).format(y)),S=E.useMemo(()=>new Ce(f,o),[f,o]),x=E.useMemo(()=>S.getNumberingSystem(h),[S,h]),T=E.useMemo(()=>new ce(f,{...o,numberingSystem:x}),[f,o,x]),R=E.useMemo(()=>T.resolvedOptions(),[T]),p=E.useCallback(N=>isNaN(N)||N===null?"":T.format(N),[T]),d=Ge({...r,value:y}),n=i!==void 0&&!isNaN(i)?i:1;R.style==="percent"&&(i===void 0||isNaN(i))&&(n=.01);let[_,C]=E.useState(y),[D,A]=E.useState(f),[c,M]=E.useState(o);(!Object.is(y,_)||f!==D||o!==c)&&(m(p(y)),C(y),A(f),M(o));let w=E.useMemo(()=>S.parse(h),[S,h]),K=()=>{if(!h.length){P(NaN),m(a===void 0?"":p(y));return}if(isNaN(w)){m(p(y));return}let N;i===void 0||isNaN(i)?N=re(w,t,e):N=V(w,t,e,i),N=S.parse(p(N)),P(N),m(p(a===void 0?N:y))},q=(N,U=0)=>{let O=w;if(isNaN(O)){let F=isNaN(U)?0:U;return V(F,t,e,n)}else{let F=V(O,t,e,n);return N==="+"&&F>O||N==="-"&&F<O?F:V(oe(N,O,n),t,e,n)}},Q=()=>{let N=q("+",t);N===y&&m(p(N)),P(N),d.commitValidation()},J=()=>{let N=q("-",e);N===y&&m(p(N)),P(N),d.commitValidation()},k=()=>{e!=null&&(P(V(e,t,e,n)),d.commitValidation())},z=()=>{t!=null&&(P(t),d.commitValidation())},ee=E.useMemo(()=>!g&&!$&&(isNaN(w)||e===void 0||isNaN(e)||V(w,t,e,n)>w||oe("+",w,n)<=e),[g,$,t,e,n,w]),W=E.useMemo(()=>!g&&!$&&(isNaN(w)||t===void 0||isNaN(t)||V(w,t,e,n)<w||oe("-",w,n)>=t),[g,$,t,e,n,w]);return{...d,validate:N=>S.isValidPartialNumber(N,t,e),increment:Q,incrementToMax:k,decrement:J,decrementToMin:z,canIncrement:ee,canDecrement:W,minValue:t,maxValue:e,numberValue:w,setNumberValue:P,setInputValue:m,inputValue:h,commit:K}}function oe(r,t,e){let i=r==="+"?t+e:t-e;if(t%1!==0||e%1!==0){const o=t.toString().split("."),a=e.toString().split("."),s=o[1]&&o[1].length||0,u=a[1]&&a[1].length||0,f=Math.pow(10,Math.max(s,u));t=Math.round(t*f),e=Math.round(e*f),i=r==="+"?t+e:t-e,i/=f}return i}var H=function(){return H=Object.assign||function(t){for(var e,i=1,o=arguments.length;i<o;i++){e=arguments[i];for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(t[a]=e[a])}return t},H.apply(this,arguments)};function Me(r,t){var e={};for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&t.indexOf(i)<0&&(e[i]=r[i]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,i=Object.getOwnPropertySymbols(r);o<i.length;o++)t.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(r,i[o])&&(e[i[o]]=r[i[o]]);return e}var Z={exports:{}},b={};/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Ne;function rt(){if(Ne)return b;Ne=1;var r=typeof Symbol=="function"&&Symbol.for,t=r?Symbol.for("react.element"):60103,e=r?Symbol.for("react.portal"):60106,i=r?Symbol.for("react.fragment"):60107,o=r?Symbol.for("react.strict_mode"):60108,a=r?Symbol.for("react.profiler"):60114,s=r?Symbol.for("react.provider"):60109,u=r?Symbol.for("react.context"):60110,f=r?Symbol.for("react.async_mode"):60111,g=r?Symbol.for("react.concurrent_mode"):60111,$=r?Symbol.for("react.forward_ref"):60112,y=r?Symbol.for("react.suspense"):60113,P=r?Symbol.for("react.suspense_list"):60120,h=r?Symbol.for("react.memo"):60115,m=r?Symbol.for("react.lazy"):60116,S=r?Symbol.for("react.block"):60121,x=r?Symbol.for("react.fundamental"):60117,T=r?Symbol.for("react.responder"):60118,R=r?Symbol.for("react.scope"):60119;function p(n){if(typeof n=="object"&&n!==null){var _=n.$$typeof;switch(_){case t:switch(n=n.type,n){case f:case g:case i:case a:case o:case y:return n;default:switch(n=n&&n.$$typeof,n){case u:case $:case m:case h:case s:return n;default:return _}}case e:return _}}}function d(n){return p(n)===g}return b.AsyncMode=f,b.ConcurrentMode=g,b.ContextConsumer=u,b.ContextProvider=s,b.Element=t,b.ForwardRef=$,b.Fragment=i,b.Lazy=m,b.Memo=h,b.Portal=e,b.Profiler=a,b.StrictMode=o,b.Suspense=y,b.isAsyncMode=function(n){return d(n)||p(n)===f},b.isConcurrentMode=d,b.isContextConsumer=function(n){return p(n)===u},b.isContextProvider=function(n){return p(n)===s},b.isElement=function(n){return typeof n=="object"&&n!==null&&n.$$typeof===t},b.isForwardRef=function(n){return p(n)===$},b.isFragment=function(n){return p(n)===i},b.isLazy=function(n){return p(n)===m},b.isMemo=function(n){return p(n)===h},b.isPortal=function(n){return p(n)===e},b.isProfiler=function(n){return p(n)===a},b.isStrictMode=function(n){return p(n)===o},b.isSuspense=function(n){return p(n)===y},b.isValidElementType=function(n){return typeof n=="string"||typeof n=="function"||n===i||n===g||n===a||n===o||n===y||n===P||typeof n=="object"&&n!==null&&(n.$$typeof===m||n.$$typeof===h||n.$$typeof===s||n.$$typeof===u||n.$$typeof===$||n.$$typeof===x||n.$$typeof===T||n.$$typeof===R||n.$$typeof===S)},b.typeOf=p,b}var v={};/** @license React v16.13.1
+ * react-is.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Pe;function it(){return Pe||(Pe=1,process.env.NODE_ENV!=="production"&&function(){var r=typeof Symbol=="function"&&Symbol.for,t=r?Symbol.for("react.element"):60103,e=r?Symbol.for("react.portal"):60106,i=r?Symbol.for("react.fragment"):60107,o=r?Symbol.for("react.strict_mode"):60108,a=r?Symbol.for("react.profiler"):60114,s=r?Symbol.for("react.provider"):60109,u=r?Symbol.for("react.context"):60110,f=r?Symbol.for("react.async_mode"):60111,g=r?Symbol.for("react.concurrent_mode"):60111,$=r?Symbol.for("react.forward_ref"):60112,y=r?Symbol.for("react.suspense"):60113,P=r?Symbol.for("react.suspense_list"):60120,h=r?Symbol.for("react.memo"):60115,m=r?Symbol.for("react.lazy"):60116,S=r?Symbol.for("react.block"):60121,x=r?Symbol.for("react.fundamental"):60117,T=r?Symbol.for("react.responder"):60118,R=r?Symbol.for("react.scope"):60119;function p(l){return typeof l=="string"||typeof l=="function"||l===i||l===g||l===a||l===o||l===y||l===P||typeof l=="object"&&l!==null&&(l.$$typeof===m||l.$$typeof===h||l.$$typeof===s||l.$$typeof===u||l.$$typeof===$||l.$$typeof===x||l.$$typeof===T||l.$$typeof===R||l.$$typeof===S)}function d(l){if(typeof l=="object"&&l!==null){var te=l.$$typeof;switch(te){case t:var G=l.type;switch(G){case f:case g:case i:case a:case o:case y:return G;default:var be=G&&G.$$typeof;switch(be){case u:case $:case m:case h:case s:return be;default:return te}}case e:return te}}}var n=f,_=g,C=u,D=s,A=t,c=$,M=i,w=m,K=h,q=e,Q=a,J=o,k=y,z=!1;function ee(l){return z||(z=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),W(l)||d(l)===f}function W(l){return d(l)===g}function ye(l){return d(l)===u}function N(l){return d(l)===s}function U(l){return typeof l=="object"&&l!==null&&l.$$typeof===t}function O(l){return d(l)===$}function F(l){return d(l)===i}function De(l){return d(l)===m}function Oe(l){return d(l)===h}function Fe(l){return d(l)===e}function Ie(l){return d(l)===a}function Ae(l){return d(l)===o}function je(l){return d(l)===y}v.AsyncMode=n,v.ConcurrentMode=_,v.ContextConsumer=C,v.ContextProvider=D,v.Element=A,v.ForwardRef=c,v.Fragment=M,v.Lazy=w,v.Memo=K,v.Portal=q,v.Profiler=Q,v.StrictMode=J,v.Suspense=k,v.isAsyncMode=ee,v.isConcurrentMode=W,v.isContextConsumer=ye,v.isContextProvider=N,v.isElement=U,v.isForwardRef=O,v.isFragment=F,v.isLazy=De,v.isMemo=Oe,v.isPortal=Fe,v.isProfiler=Ie,v.isStrictMode=Ae,v.isSuspense=je,v.isValidElementType=p,v.typeOf=d}()),v}var Te;function at(){return Te||(Te=1,process.env.NODE_ENV==="production"?Z.exports=rt():Z.exports=it()),Z.exports}var se,_e;function nt(){if(_e)return se;_e=1;var r=at(),t={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},e={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},o={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},a={};a[r.ForwardRef]=i,a[r.Memo]=o;function s(m){return r.isMemo(m)?o:a[m.$$typeof]||t}var u=Object.defineProperty,f=Object.getOwnPropertyNames,g=Object.getOwnPropertySymbols,$=Object.getOwnPropertyDescriptor,y=Object.getPrototypeOf,P=Object.prototype;function h(m,S,x){if(typeof S!="string"){if(P){var T=y(S);T&&T!==P&&h(m,T,x)}var R=f(S);g&&(R=R.concat(g(S)));for(var p=s(m),d=s(S),n=0;n<R.length;++n){var _=R[n];if(!e[_]&&!(x&&x[_])&&!(d&&d[_])&&!(p&&p[_])){var C=$(S,_);try{u(m,_,C)}catch{}}}}return m}return se=h,se}nt();function ot(r,t,e){if(e===void 0&&(e=Error),!r)throw new e(t)}var st=function(r){process.env.NODE_ENV!=="production"&&console.error(r)},lt=function(r){process.env.NODE_ENV!=="production"&&console.warn(r)},ut={formats:{},messages:{},timeZone:void 0,defaultLocale:"en",defaultFormats:{},fallbackOnEmptyString:!0,onError:st,onWarn:lt};function ct(r){ot(r,"[React Intl] Could not find required `intl` object. <IntlProvider> needs to exist in the component ancestry.")}H(H({},ut),{textComponent:I.Fragment});var de=typeof window<"u"&&!window.__REACT_INTL_BYPASS_GLOBAL_CONTEXT__?window.__REACT_INTL_CONTEXT__||(window.__REACT_INTL_CONTEXT__=I.createContext(null)):I.createContext(null);de.Consumer;de.Provider;var ft=de;function pe(){var r=I.useContext(ft);return ct(r),r}var fe;(function(r){r.formatDate="FormattedDate",r.formatTime="FormattedTime",r.formatNumber="FormattedNumber",r.formatList="FormattedList",r.formatDisplayName="FormattedDisplayName"})(fe||(fe={}));var me;(function(r){r.formatDate="FormattedDateParts",r.formatTime="FormattedTimeParts",r.formatNumber="FormattedNumberParts",r.formatList="FormattedListParts"})(me||(me={}));function Ve(r){var t=function(e){var i=pe(),o=e.value,a=e.children,s=Me(e,["value","children"]),u=typeof o=="string"?new Date(o||0):o,f=r==="formatDate"?i.formatDateToParts(u,s):i.formatTimeToParts(u,s);return a(f)};return t.displayName=me[r],t}function Y(r){var t=function(e){var i=pe(),o=e.value,a=e.children,s=Me(e,["value","children"]),u=i[r](o,s);if(typeof a=="function")return a(u);var f=i.textComponent||I.Fragment;return I.createElement(f,null,u)};return t.displayName=fe[r],t}Y("formatDate");Y("formatTime");Y("formatNumber");Y("formatList");Y("formatDisplayName");Ve("formatDate");Ve("formatTime");const mt=E.forwardRef(({placeholder:r,variant:t,disabled:e,type:i,readOnly:o,leftAdornments:a,rightAdornments:s,leftAdornmentsProps:u,rightAdornmentsProps:f,leftAdornmentsWidth:g,rightAdornmentsWidth:$,className:y,style:P,label:h,value:m,...S},x)=>{const{locale:T}=pe(),R=tt({...S,label:h,value:m,onChange:n=>{S.onChange&&S.onChange(n)},locale:T}),p=E.useRef(null),{inputProps:d}=Ye.useNumberField({...S,label:h,value:m},R,p);return Le.jsx(qe.Input,{placeholder:r,variant:t,disabled:e,type:i,readOnly:o,leftAdornments:a,rightAdornments:s,leftAdornmentsProps:u,rightAdornmentsProps:f,leftAdornmentsWidth:g,rightAdornmentsWidth:$,className:y,style:P,"data-testid":`number-field-${h}`,...d,ref:x,"aria-label":h})});exports.NumberField=mt;

package/number.mjs

@@ -0,0 +1,875 @@
+import { jsx as ze } from "react/jsx-runtime";
+import * as A from "react";
+import { useMemo as V, useContext as We, createContext as qe, useState as F, useRef as ue, useEffect as Ue, useCallback as Ge, forwardRef as Be } from "react";
+import { useNumberField as Ze } from "react-aria";
+import { Input as Xe } from "@equinor/eds-core-react";
+import { $ as He } from "./useControlledState-u436Wbp1.mjs";
+function ie(r, t = -1 / 0, e = 1 / 0) {
+  return Math.min(Math.max(r, t), e);
+}
+function Z(r, t) {
+  let e = r, i = t.toString(), o = i.indexOf("."), a = o >= 0 ? i.length - o : 0;
+  if (a > 0) {
+    let s = Math.pow(10, a);
+    e = Math.round(e * s) / s;
+  }
+  return e;
+}
+function D(r, t, e, i) {
+  t = Number(t), e = Number(e);
+  let o = (r - (isNaN(t) ? 0 : t)) % i, a = Z(Math.abs(o) * 2 >= i ? r + Math.sign(o) * (i - Math.abs(o)) : r - o, i);
+  return isNaN(t) ? !isNaN(e) && a > e && (a = Math.floor(Z(e / i, i)) * i) : a < t ? a = t : !isNaN(e) && a > e && (a = t + Math.floor(Z((e - t) / i, i)) * i), a = Z(a, i), a;
+}
+const Re = {
+  badInput: !1,
+  customError: !1,
+  patternMismatch: !1,
+  rangeOverflow: !1,
+  rangeUnderflow: !1,
+  stepMismatch: !1,
+  tooLong: !1,
+  tooShort: !1,
+  typeMismatch: !1,
+  valueMissing: !1,
+  valid: !0
+}, Ce = {
+  ...Re,
+  customError: !0,
+  valid: !1
+}, j = {
+  isInvalid: !1,
+  validationDetails: Re,
+  validationErrors: []
+}, Ke = qe({}), ge = "__formValidationState" + Date.now();
+function Qe(r) {
+  if (r[ge]) {
+    let { realtimeValidation: t, displayValidation: e, updateValidation: i, resetValidation: o, commitValidation: a } = r[ge];
+    return {
+      realtimeValidation: t,
+      displayValidation: e,
+      updateValidation: i,
+      resetValidation: o,
+      commitValidation: a
+    };
+  }
+  return Je(r);
+}
+function Je(r) {
+  let { isInvalid: t, validationState: e, name: i, value: o, builtinValidation: a, validate: s, validationBehavior: u = "aria" } = r;
+  e && (t || (t = e === "invalid"));
+  let f = t !== void 0 ? {
+    isInvalid: t,
+    validationErrors: [],
+    validationDetails: Ce
+  } : null, g = V(() => {
+    if (!s || o == null) return null;
+    let c = ke(s, o);
+    return $e(c);
+  }, [
+    s,
+    o
+  ]);
+  a != null && a.validationDetails.valid && (a = void 0);
+  let $ = We(Ke), y = V(() => i ? Array.isArray(i) ? i.flatMap((c) => ce($[c])) : ce($[i]) : [], [
+    $,
+    i
+  ]), [N, h] = F($), [m, S] = F(!1);
+  $ !== N && (h($), S(!1));
+  let _ = V(() => $e(m ? [] : y), [
+    m,
+    y
+  ]), P = ue(j), [x, p] = F(j), d = ue(j), n = () => {
+    if (!T) return;
+    R(!1);
+    let c = g || a || P.current;
+    ae(c, d.current) || (d.current = c, p(c));
+  }, [T, R] = F(!1);
+  return Ue(n), {
+    realtimeValidation: f || _ || g || a || j,
+    displayValidation: u === "native" ? f || _ || x : f || _ || g || a || x,
+    updateValidation(c) {
+      u === "aria" && !ae(x, c) ? p(c) : P.current = c;
+    },
+    resetValidation() {
+      let c = j;
+      ae(c, d.current) || (d.current = c, p(c)), u === "native" && R(!1), S(!0);
+    },
+    commitValidation() {
+      u === "native" && R(!0), S(!0);
+    }
+  };
+}
+function ce(r) {
+  return r ? Array.isArray(r) ? r : [
+    r
+  ] : [];
+}
+function ke(r, t) {
+  if (typeof r == "function") {
+    let e = r(t);
+    if (e && typeof e != "boolean") return ce(e);
+  }
+  return [];
+}
+function $e(r) {
+  return r.length ? {
+    isInvalid: !0,
+    validationErrors: r,
+    validationDetails: Ce
+  } : null;
+}
+function ae(r, t) {
+  return r === t ? !0 : !!r && !!t && r.isInvalid === t.isInvalid && r.validationErrors.length === t.validationErrors.length && r.validationErrors.every((e, i) => e === t.validationErrors[i]) && Object.entries(r.validationDetails).every(([e, i]) => t.validationDetails[e] === i);
+}
+let ne = /* @__PURE__ */ new Map(), fe = !1;
+try {
+  fe = new Intl.NumberFormat("de-DE", {
+    signDisplay: "exceptZero"
+  }).resolvedOptions().signDisplay === "exceptZero";
+} catch {
+}
+let H = !1;
+try {
+  H = new Intl.NumberFormat("de-DE", {
+    style: "unit",
+    unit: "degree"
+  }).resolvedOptions().style === "unit";
+} catch {
+}
+const Ve = {
+  degree: {
+    narrow: {
+      default: "°",
+      "ja-JP": " 度",
+      "zh-TW": "度",
+      "sl-SI": " °"
+    }
+  }
+};
+class me {
+  /** Formats a number value as a string, according to the locale and options provided to the constructor. */
+  format(t) {
+    let e = "";
+    if (!fe && this.options.signDisplay != null ? e = tt(this.numberFormatter, this.options.signDisplay, t) : e = this.numberFormatter.format(t), this.options.style === "unit" && !H) {
+      var i;
+      let { unit: o, unitDisplay: a = "short", locale: s } = this.resolvedOptions();
+      if (!o) return e;
+      let u = (i = Ve[o]) === null || i === void 0 ? void 0 : i[a];
+      e += u[s] || u.default;
+    }
+    return e;
+  }
+  /** Formats a number to an array of parts such as separators, digits, punctuation, and more. */
+  formatToParts(t) {
+    return this.numberFormatter.formatToParts(t);
+  }
+  /** Formats a number range as a string. */
+  formatRange(t, e) {
+    if (typeof this.numberFormatter.formatRange == "function") return this.numberFormatter.formatRange(t, e);
+    if (e < t) throw new RangeError("End date must be >= start date");
+    return `${this.format(t)} – ${this.format(e)}`;
+  }
+  /** Formats a number range as an array of parts. */
+  formatRangeToParts(t, e) {
+    if (typeof this.numberFormatter.formatRangeToParts == "function") return this.numberFormatter.formatRangeToParts(t, e);
+    if (e < t) throw new RangeError("End date must be >= start date");
+    let i = this.numberFormatter.formatToParts(t), o = this.numberFormatter.formatToParts(e);
+    return [
+      ...i.map((a) => ({
+        ...a,
+        source: "startRange"
+      })),
+      {
+        type: "literal",
+        value: " – ",
+        source: "shared"
+      },
+      ...o.map((a) => ({
+        ...a,
+        source: "endRange"
+      }))
+    ];
+  }
+  /** Returns the resolved formatting options based on the values passed to the constructor. */
+  resolvedOptions() {
+    let t = this.numberFormatter.resolvedOptions();
+    return !fe && this.options.signDisplay != null && (t = {
+      ...t,
+      signDisplay: this.options.signDisplay
+    }), !H && this.options.style === "unit" && (t = {
+      ...t,
+      style: "unit",
+      unit: this.options.unit,
+      unitDisplay: this.options.unitDisplay
+    }), t;
+  }
+  constructor(t, e = {}) {
+    this.numberFormatter = et(t, e), this.options = e;
+  }
+}
+function et(r, t = {}) {
+  let { numberingSystem: e } = t;
+  if (e && r.includes("-nu-") && (r.includes("-u-") || (r += "-u-"), r += `-nu-${e}`), t.style === "unit" && !H) {
+    var i;
+    let { unit: s, unitDisplay: u = "short" } = t;
+    if (!s) throw new Error('unit option must be provided with style: "unit"');
+    if (!(!((i = Ve[s]) === null || i === void 0) && i[u])) throw new Error(`Unsupported unit ${s} with unitDisplay = ${u}`);
+    t = {
+      ...t,
+      style: "decimal"
+    };
+  }
+  let o = r + (t ? Object.entries(t).sort((s, u) => s[0] < u[0] ? -1 : 1).join() : "");
+  if (ne.has(o)) return ne.get(o);
+  let a = new Intl.NumberFormat(r, t);
+  return ne.set(o, a), a;
+}
+function tt(r, t, e) {
+  if (t === "auto") return r.format(e);
+  if (t === "never") return r.format(Math.abs(e));
+  {
+    let i = !1;
+    if (t === "always" ? i = e > 0 || Object.is(e, 0) : t === "exceptZero" && (Object.is(e, -0) || Object.is(e, 0) ? e = Math.abs(e) : i = e > 0), i) {
+      let o = r.format(-e), a = r.format(e), s = o.replace(a, "").replace(/\u200e|\u061C/, "");
+      return [
+        ...s
+      ].length !== 1 && console.warn("@react-aria/i18n polyfill for NumberFormat signDisplay: Unsupported case"), o.replace(a, "!!!").replace(s, "+").replace("!!!", a);
+    } else return r.format(e);
+  }
+}
+const rt = new RegExp("^.*\\(.*\\).*$"), it = [
+  "latn",
+  "arab",
+  "hanidec",
+  "deva",
+  "beng"
+];
+class De {
+  /**
+  * Parses the given string to a number. Returns NaN if a valid number could not be parsed.
+  */
+  parse(t) {
+    return oe(this.locale, this.options, t).parse(t);
+  }
+  /**
+  * Returns whether the given string could potentially be a valid number. This should be used to
+  * validate user input as the user types. If a `minValue` or `maxValue` is provided, the validity
+  * of the minus/plus sign characters can be checked.
+  */
+  isValidPartialNumber(t, e, i) {
+    return oe(this.locale, this.options, t).isValidPartialNumber(t, e, i);
+  }
+  /**
+  * Returns a numbering system for which the given string is valid in the current locale.
+  * If no numbering system could be detected, the default numbering system for the current
+  * locale is returned.
+  */
+  getNumberingSystem(t) {
+    return oe(this.locale, this.options, t).options.numberingSystem;
+  }
+  constructor(t, e = {}) {
+    this.locale = t, this.options = e;
+  }
+}
+const Se = /* @__PURE__ */ new Map();
+function oe(r, t, e) {
+  let i = Ee(r, t);
+  if (!r.includes("-nu-") && !i.isValidPartialNumber(e)) {
+    for (let o of it) if (o !== i.options.numberingSystem) {
+      let a = Ee(r + (r.includes("-u-") ? "-nu-" : "-u-nu-") + o, t);
+      if (a.isValidPartialNumber(e)) return a;
+    }
+  }
+  return i;
+}
+function Ee(r, t) {
+  let e = r + (t ? Object.entries(t).sort((o, a) => o[0] < a[0] ? -1 : 1).join() : ""), i = Se.get(e);
+  return i || (i = new at(r, t), Se.set(e, i)), i;
+}
+class at {
+  parse(t) {
+    let e = this.sanitize(t);
+    if (this.symbols.group && (e = Y(e, this.symbols.group, "")), this.symbols.decimal && (e = e.replace(this.symbols.decimal, ".")), this.symbols.minusSign && (e = e.replace(this.symbols.minusSign, "-")), e = e.replace(this.symbols.numeral, this.symbols.index), this.options.style === "percent") {
+      let s = e.indexOf("-");
+      e = e.replace("-", ""), e = e.replace("+", "");
+      let u = e.indexOf(".");
+      u === -1 && (u = e.length), e = e.replace(".", ""), u - 2 === 0 ? e = `0.${e}` : u - 2 === -1 ? e = `0.0${e}` : u - 2 === -2 ? e = "0.00" : e = `${e.slice(0, u - 2)}.${e.slice(u - 2)}`, s > -1 && (e = `-${e}`);
+    }
+    let i = e ? +e : NaN;
+    if (isNaN(i)) return NaN;
+    if (this.options.style === "percent") {
+      var o, a;
+      let s = {
+        ...this.options,
+        style: "decimal",
+        minimumFractionDigits: Math.min(((o = this.options.minimumFractionDigits) !== null && o !== void 0 ? o : 0) + 2, 20),
+        maximumFractionDigits: Math.min(((a = this.options.maximumFractionDigits) !== null && a !== void 0 ? a : 0) + 2, 20)
+      };
+      return new De(this.locale, s).parse(new me(this.locale, s).format(i));
+    }
+    return this.options.currencySign === "accounting" && rt.test(t) && (i = -1 * i), i;
+  }
+  sanitize(t) {
+    return t = t.replace(this.symbols.literals, ""), this.symbols.minusSign && (t = t.replace("-", this.symbols.minusSign)), this.options.numberingSystem === "arab" && (this.symbols.decimal && (t = t.replace(",", this.symbols.decimal), t = t.replace("،", this.symbols.decimal)), this.symbols.group && (t = Y(t, ".", this.symbols.group))), this.options.locale === "fr-FR" && this.symbols.group && (t = Y(t, " ", this.symbols.group), t = Y(t, /\u00A0/g, this.symbols.group)), t;
+  }
+  isValidPartialNumber(t, e = -1 / 0, i = 1 / 0) {
+    return t = this.sanitize(t), this.symbols.minusSign && t.startsWith(this.symbols.minusSign) && e < 0 ? t = t.slice(this.symbols.minusSign.length) : this.symbols.plusSign && t.startsWith(this.symbols.plusSign) && i > 0 && (t = t.slice(this.symbols.plusSign.length)), this.symbols.group && t.startsWith(this.symbols.group) || this.symbols.decimal && t.indexOf(this.symbols.decimal) > -1 && this.options.maximumFractionDigits === 0 ? !1 : (this.symbols.group && (t = Y(t, this.symbols.group, "")), t = t.replace(this.symbols.numeral, ""), this.symbols.decimal && (t = t.replace(this.symbols.decimal, "")), t.length === 0);
+  }
+  constructor(t, e = {}) {
+    this.locale = t, e.roundingIncrement !== 1 && e.roundingIncrement != null && (e.maximumFractionDigits == null && e.minimumFractionDigits == null ? (e.maximumFractionDigits = 0, e.minimumFractionDigits = 0) : e.maximumFractionDigits == null ? e.maximumFractionDigits = e.minimumFractionDigits : e.minimumFractionDigits == null && (e.minimumFractionDigits = e.maximumFractionDigits)), this.formatter = new Intl.NumberFormat(t, e), this.options = this.formatter.resolvedOptions(), this.symbols = ot(t, this.formatter, this.options, e);
+    var i, o;
+    this.options.style === "percent" && (((i = this.options.minimumFractionDigits) !== null && i !== void 0 ? i : 0) > 18 || ((o = this.options.maximumFractionDigits) !== null && o !== void 0 ? o : 0) > 18) && console.warn("NumberParser cannot handle percentages with greater than 18 decimal places, please reduce the number in your options.");
+  }
+}
+const Ne = /* @__PURE__ */ new Set([
+  "decimal",
+  "fraction",
+  "integer",
+  "minusSign",
+  "plusSign",
+  "group"
+]), nt = [
+  0,
+  4,
+  2,
+  1,
+  11,
+  20,
+  3,
+  7,
+  100,
+  21,
+  0.1,
+  1.1
+];
+function ot(r, t, e, i) {
+  var o, a, s, u;
+  let f = new Intl.NumberFormat(r, {
+    ...e,
+    // Resets so we get the full range of symbols
+    minimumSignificantDigits: 1,
+    maximumSignificantDigits: 21,
+    roundingIncrement: 1,
+    roundingPriority: "auto",
+    roundingMode: "halfExpand"
+  }), g = f.formatToParts(-10000.111), $ = f.formatToParts(10000.111), y = nt.map((c) => f.formatToParts(c));
+  var N;
+  let h = (N = (o = g.find((c) => c.type === "minusSign")) === null || o === void 0 ? void 0 : o.value) !== null && N !== void 0 ? N : "-", m = (a = $.find((c) => c.type === "plusSign")) === null || a === void 0 ? void 0 : a.value;
+  !m && ((i == null ? void 0 : i.signDisplay) === "exceptZero" || (i == null ? void 0 : i.signDisplay) === "always") && (m = "+");
+  let _ = (s = new Intl.NumberFormat(r, {
+    ...e,
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  }).formatToParts(1e-3).find((c) => c.type === "decimal")) === null || s === void 0 ? void 0 : s.value, P = (u = g.find((c) => c.type === "group")) === null || u === void 0 ? void 0 : u.value, x = g.filter((c) => !Ne.has(c.type)).map((c) => Pe(c.value)), p = y.flatMap((c) => c.filter((C) => !Ne.has(C.type)).map((C) => Pe(C.value))), d = [
+    .../* @__PURE__ */ new Set([
+      ...x,
+      ...p
+    ])
+  ].sort((c, C) => C.length - c.length), n = d.length === 0 ? new RegExp("[\\p{White_Space}]", "gu") : new RegExp(`${d.join("|")}|[\\p{White_Space}]`, "gu"), T = [
+    ...new Intl.NumberFormat(e.locale, {
+      useGrouping: !1
+    }).format(9876543210)
+  ].reverse(), R = new Map(T.map((c, C) => [
+    c,
+    C
+  ])), O = new RegExp(`[${T.join("")}]`, "g");
+  return {
+    minusSign: h,
+    plusSign: m,
+    decimal: _,
+    group: P,
+    literals: n,
+    numeral: O,
+    index: (c) => String(R.get(c))
+  };
+}
+function Y(r, t, e) {
+  return r.replaceAll ? r.replaceAll(t, e) : r.split(t).join(e);
+}
+function Pe(r) {
+  return r.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function st(r) {
+  let { minValue: t, maxValue: e, step: i, formatOptions: o, value: a, defaultValue: s = NaN, onChange: u, locale: f, isDisabled: g, isReadOnly: $ } = r;
+  a === null && (a = NaN), a !== void 0 && !isNaN(a) && (i !== void 0 && !isNaN(i) ? a = D(a, t, e, i) : a = ie(a, t, e)), isNaN(s) || (i !== void 0 && !isNaN(i) ? s = D(s, t, e, i) : s = ie(s, t, e));
+  let [y, N] = He(a, isNaN(s) ? NaN : s, u), [h, m] = F(() => isNaN(y) ? "" : new me(f, o).format(y)), S = V(() => new De(f, o), [
+    f,
+    o
+  ]), _ = V(() => S.getNumberingSystem(h), [
+    S,
+    h
+  ]), P = V(() => new me(f, {
+    ...o,
+    numberingSystem: _
+  }), [
+    f,
+    o,
+    _
+  ]), x = V(() => P.resolvedOptions(), [
+    P
+  ]), p = Ge((E) => isNaN(E) || E === null ? "" : P.format(E), [
+    P
+  ]), d = Qe({
+    ...r,
+    value: y
+  }), n = i !== void 0 && !isNaN(i) ? i : 1;
+  x.style === "percent" && (i === void 0 || isNaN(i)) && (n = 0.01);
+  let [T, R] = F(y), [O, L] = F(f), [c, C] = F(o);
+  (!Object.is(y, T) || f !== O || o !== c) && (m(p(y)), R(y), L(f), C(o));
+  let w = V(() => S.parse(h), [
+    S,
+    h
+  ]), Q = () => {
+    if (!h.length) {
+      N(NaN), m(a === void 0 ? "" : p(y));
+      return;
+    }
+    if (isNaN(w)) {
+      m(p(y));
+      return;
+    }
+    let E;
+    i === void 0 || isNaN(i) ? E = ie(w, t, e) : E = D(w, t, e, i), E = S.parse(p(E)), N(E), m(p(a === void 0 ? E : y));
+  }, W = (E, G = 0) => {
+    let M = w;
+    if (isNaN(M)) {
+      let I = isNaN(G) ? 0 : G;
+      return D(I, t, e, n);
+    } else {
+      let I = D(M, t, e, n);
+      return E === "+" && I > M || E === "-" && I < M ? I : D(se(E, M, n), t, e, n);
+    }
+  }, J = () => {
+    let E = W("+", t);
+    E === y && m(p(E)), N(E), d.commitValidation();
+  }, k = () => {
+    let E = W("-", e);
+    E === y && m(p(E)), N(E), d.commitValidation();
+  }, ee = () => {
+    e != null && (N(D(e, t, e, n)), d.commitValidation());
+  }, q = () => {
+    t != null && (N(t), d.commitValidation());
+  }, te = V(() => !g && !$ && (isNaN(w) || e === void 0 || isNaN(e) || D(w, t, e, n) > w || se("+", w, n) <= e), [
+    g,
+    $,
+    t,
+    e,
+    n,
+    w
+  ]), U = V(() => !g && !$ && (isNaN(w) || t === void 0 || isNaN(t) || D(w, t, e, n) < w || se("-", w, n) >= t), [
+    g,
+    $,
+    t,
+    e,
+    n,
+    w
+  ]);
+  return {
+    ...d,
+    validate: (E) => S.isValidPartialNumber(E, t, e),
+    increment: J,
+    incrementToMax: ee,
+    decrement: k,
+    decrementToMin: q,
+    canIncrement: te,
+    canDecrement: U,
+    minValue: t,
+    maxValue: e,
+    numberValue: w,
+    setNumberValue: N,
+    setInputValue: m,
+    inputValue: h,
+    commit: Q
+  };
+}
+function se(r, t, e) {
+  let i = r === "+" ? t + e : t - e;
+  if (t % 1 !== 0 || e % 1 !== 0) {
+    const o = t.toString().split("."), a = e.toString().split("."), s = o[1] && o[1].length || 0, u = a[1] && a[1].length || 0, f = Math.pow(10, Math.max(s, u));
+    t = Math.round(t * f), e = Math.round(e * f), i = r === "+" ? t + e : t - e, i /= f;
+  }
+  return i;
+}
+var K = function() {
+  return K = Object.assign || function(t) {
+    for (var e, i = 1, o = arguments.length; i < o; i++) {
+      e = arguments[i];
+      for (var a in e) Object.prototype.hasOwnProperty.call(e, a) && (t[a] = e[a]);
+    }
+    return t;
+  }, K.apply(this, arguments);
+};
+function Fe(r, t) {
+  var e = {};
+  for (var i in r) Object.prototype.hasOwnProperty.call(r, i) && t.indexOf(i) < 0 && (e[i] = r[i]);
+  if (r != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var o = 0, i = Object.getOwnPropertySymbols(r); o < i.length; o++)
+      t.indexOf(i[o]) < 0 && Object.prototype.propertyIsEnumerable.call(r, i[o]) && (e[i[o]] = r[i[o]]);
+  return e;
+}
+var X = { exports: {} }, b = {};
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Te;
+function lt() {
+  if (Te) return b;
+  Te = 1;
+  var r = typeof Symbol == "function" && Symbol.for, t = r ? Symbol.for("react.element") : 60103, e = r ? Symbol.for("react.portal") : 60106, i = r ? Symbol.for("react.fragment") : 60107, o = r ? Symbol.for("react.strict_mode") : 60108, a = r ? Symbol.for("react.profiler") : 60114, s = r ? Symbol.for("react.provider") : 60109, u = r ? Symbol.for("react.context") : 60110, f = r ? Symbol.for("react.async_mode") : 60111, g = r ? Symbol.for("react.concurrent_mode") : 60111, $ = r ? Symbol.for("react.forward_ref") : 60112, y = r ? Symbol.for("react.suspense") : 60113, N = r ? Symbol.for("react.suspense_list") : 60120, h = r ? Symbol.for("react.memo") : 60115, m = r ? Symbol.for("react.lazy") : 60116, S = r ? Symbol.for("react.block") : 60121, _ = r ? Symbol.for("react.fundamental") : 60117, P = r ? Symbol.for("react.responder") : 60118, x = r ? Symbol.for("react.scope") : 60119;
+  function p(n) {
+    if (typeof n == "object" && n !== null) {
+      var T = n.$$typeof;
+      switch (T) {
+        case t:
+          switch (n = n.type, n) {
+            case f:
+            case g:
+            case i:
+            case a:
+            case o:
+            case y:
+              return n;
+            default:
+              switch (n = n && n.$$typeof, n) {
+                case u:
+                case $:
+                case m:
+                case h:
+                case s:
+                  return n;
+                default:
+                  return T;
+              }
+          }
+        case e:
+          return T;
+      }
+    }
+  }
+  function d(n) {
+    return p(n) === g;
+  }
+  return b.AsyncMode = f, b.ConcurrentMode = g, b.ContextConsumer = u, b.ContextProvider = s, b.Element = t, b.ForwardRef = $, b.Fragment = i, b.Lazy = m, b.Memo = h, b.Portal = e, b.Profiler = a, b.StrictMode = o, b.Suspense = y, b.isAsyncMode = function(n) {
+    return d(n) || p(n) === f;
+  }, b.isConcurrentMode = d, b.isContextConsumer = function(n) {
+    return p(n) === u;
+  }, b.isContextProvider = function(n) {
+    return p(n) === s;
+  }, b.isElement = function(n) {
+    return typeof n == "object" && n !== null && n.$$typeof === t;
+  }, b.isForwardRef = function(n) {
+    return p(n) === $;
+  }, b.isFragment = function(n) {
+    return p(n) === i;
+  }, b.isLazy = function(n) {
+    return p(n) === m;
+  }, b.isMemo = function(n) {
+    return p(n) === h;
+  }, b.isPortal = function(n) {
+    return p(n) === e;
+  }, b.isProfiler = function(n) {
+    return p(n) === a;
+  }, b.isStrictMode = function(n) {
+    return p(n) === o;
+  }, b.isSuspense = function(n) {
+    return p(n) === y;
+  }, b.isValidElementType = function(n) {
+    return typeof n == "string" || typeof n == "function" || n === i || n === g || n === a || n === o || n === y || n === N || typeof n == "object" && n !== null && (n.$$typeof === m || n.$$typeof === h || n.$$typeof === s || n.$$typeof === u || n.$$typeof === $ || n.$$typeof === _ || n.$$typeof === P || n.$$typeof === x || n.$$typeof === S);
+  }, b.typeOf = p, b;
+}
+var v = {};
+/** @license React v16.13.1
+ * react-is.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var _e;
+function ut() {
+  return _e || (_e = 1, process.env.NODE_ENV !== "production" && function() {
+    var r = typeof Symbol == "function" && Symbol.for, t = r ? Symbol.for("react.element") : 60103, e = r ? Symbol.for("react.portal") : 60106, i = r ? Symbol.for("react.fragment") : 60107, o = r ? Symbol.for("react.strict_mode") : 60108, a = r ? Symbol.for("react.profiler") : 60114, s = r ? Symbol.for("react.provider") : 60109, u = r ? Symbol.for("react.context") : 60110, f = r ? Symbol.for("react.async_mode") : 60111, g = r ? Symbol.for("react.concurrent_mode") : 60111, $ = r ? Symbol.for("react.forward_ref") : 60112, y = r ? Symbol.for("react.suspense") : 60113, N = r ? Symbol.for("react.suspense_list") : 60120, h = r ? Symbol.for("react.memo") : 60115, m = r ? Symbol.for("react.lazy") : 60116, S = r ? Symbol.for("react.block") : 60121, _ = r ? Symbol.for("react.fundamental") : 60117, P = r ? Symbol.for("react.responder") : 60118, x = r ? Symbol.for("react.scope") : 60119;
+    function p(l) {
+      return typeof l == "string" || typeof l == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      l === i || l === g || l === a || l === o || l === y || l === N || typeof l == "object" && l !== null && (l.$$typeof === m || l.$$typeof === h || l.$$typeof === s || l.$$typeof === u || l.$$typeof === $ || l.$$typeof === _ || l.$$typeof === P || l.$$typeof === x || l.$$typeof === S);
+    }
+    function d(l) {
+      if (typeof l == "object" && l !== null) {
+        var re = l.$$typeof;
+        switch (re) {
+          case t:
+            var B = l.type;
+            switch (B) {
+              case f:
+              case g:
+              case i:
+              case a:
+              case o:
+              case y:
+                return B;
+              default:
+                var he = B && B.$$typeof;
+                switch (he) {
+                  case u:
+                  case $:
+                  case m:
+                  case h:
+                  case s:
+                    return he;
+                  default:
+                    return re;
+                }
+            }
+          case e:
+            return re;
+        }
+      }
+    }
+    var n = f, T = g, R = u, O = s, L = t, c = $, C = i, w = m, Q = h, W = e, J = a, k = o, ee = y, q = !1;
+    function te(l) {
+      return q || (q = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), U(l) || d(l) === f;
+    }
+    function U(l) {
+      return d(l) === g;
+    }
+    function ve(l) {
+      return d(l) === u;
+    }
+    function E(l) {
+      return d(l) === s;
+    }
+    function G(l) {
+      return typeof l == "object" && l !== null && l.$$typeof === t;
+    }
+    function M(l) {
+      return d(l) === $;
+    }
+    function I(l) {
+      return d(l) === i;
+    }
+    function Me(l) {
+      return d(l) === m;
+    }
+    function Ie(l) {
+      return d(l) === h;
+    }
+    function Ae(l) {
+      return d(l) === e;
+    }
+    function Le(l) {
+      return d(l) === a;
+    }
+    function je(l) {
+      return d(l) === o;
+    }
+    function Ye(l) {
+      return d(l) === y;
+    }
+    v.AsyncMode = n, v.ConcurrentMode = T, v.ContextConsumer = R, v.ContextProvider = O, v.Element = L, v.ForwardRef = c, v.Fragment = C, v.Lazy = w, v.Memo = Q, v.Portal = W, v.Profiler = J, v.StrictMode = k, v.Suspense = ee, v.isAsyncMode = te, v.isConcurrentMode = U, v.isContextConsumer = ve, v.isContextProvider = E, v.isElement = G, v.isForwardRef = M, v.isFragment = I, v.isLazy = Me, v.isMemo = Ie, v.isPortal = Ae, v.isProfiler = Le, v.isStrictMode = je, v.isSuspense = Ye, v.isValidElementType = p, v.typeOf = d;
+  }()), v;
+}
+var xe;
+function ct() {
+  return xe || (xe = 1, process.env.NODE_ENV === "production" ? X.exports = lt() : X.exports = ut()), X.exports;
+}
+var le, we;
+function ft() {
+  if (we) return le;
+  we = 1;
+  var r = ct(), t = {
+    childContextTypes: !0,
+    contextType: !0,
+    contextTypes: !0,
+    defaultProps: !0,
+    displayName: !0,
+    getDefaultProps: !0,
+    getDerivedStateFromError: !0,
+    getDerivedStateFromProps: !0,
+    mixins: !0,
+    propTypes: !0,
+    type: !0
+  }, e = {
+    name: !0,
+    length: !0,
+    prototype: !0,
+    caller: !0,
+    callee: !0,
+    arguments: !0,
+    arity: !0
+  }, i = {
+    $$typeof: !0,
+    render: !0,
+    defaultProps: !0,
+    displayName: !0,
+    propTypes: !0
+  }, o = {
+    $$typeof: !0,
+    compare: !0,
+    defaultProps: !0,
+    displayName: !0,
+    propTypes: !0,
+    type: !0
+  }, a = {};
+  a[r.ForwardRef] = i, a[r.Memo] = o;
+  function s(m) {
+    return r.isMemo(m) ? o : a[m.$$typeof] || t;
+  }
+  var u = Object.defineProperty, f = Object.getOwnPropertyNames, g = Object.getOwnPropertySymbols, $ = Object.getOwnPropertyDescriptor, y = Object.getPrototypeOf, N = Object.prototype;
+  function h(m, S, _) {
+    if (typeof S != "string") {
+      if (N) {
+        var P = y(S);
+        P && P !== N && h(m, P, _);
+      }
+      var x = f(S);
+      g && (x = x.concat(g(S)));
+      for (var p = s(m), d = s(S), n = 0; n < x.length; ++n) {
+        var T = x[n];
+        if (!e[T] && !(_ && _[T]) && !(d && d[T]) && !(p && p[T])) {
+          var R = $(S, T);
+          try {
+            u(m, T, R);
+          } catch {
+          }
+        }
+      }
+    }
+    return m;
+  }
+  return le = h, le;
+}
+ft();
+function mt(r, t, e) {
+  if (e === void 0 && (e = Error), !r)
+    throw new e(t);
+}
+var dt = function(r) {
+  process.env.NODE_ENV !== "production" && console.error(r);
+}, pt = function(r) {
+  process.env.NODE_ENV !== "production" && console.warn(r);
+}, yt = {
+  formats: {},
+  messages: {},
+  timeZone: void 0,
+  defaultLocale: "en",
+  defaultFormats: {},
+  fallbackOnEmptyString: !0,
+  onError: dt,
+  onWarn: pt
+};
+function bt(r) {
+  mt(r, "[React Intl] Could not find required `intl` object. <IntlProvider> needs to exist in the component ancestry.");
+}
+K(K({}, yt), { textComponent: A.Fragment });
+var ye = typeof window < "u" && !window.__REACT_INTL_BYPASS_GLOBAL_CONTEXT__ ? window.__REACT_INTL_CONTEXT__ || (window.__REACT_INTL_CONTEXT__ = A.createContext(null)) : A.createContext(null);
+ye.Consumer;
+ye.Provider;
+var vt = ye;
+function be() {
+  var r = A.useContext(vt);
+  return bt(r), r;
+}
+var de;
+(function(r) {
+  r.formatDate = "FormattedDate", r.formatTime = "FormattedTime", r.formatNumber = "FormattedNumber", r.formatList = "FormattedList", r.formatDisplayName = "FormattedDisplayName";
+})(de || (de = {}));
+var pe;
+(function(r) {
+  r.formatDate = "FormattedDateParts", r.formatTime = "FormattedTimeParts", r.formatNumber = "FormattedNumberParts", r.formatList = "FormattedListParts";
+})(pe || (pe = {}));
+function Oe(r) {
+  var t = function(e) {
+    var i = be(), o = e.value, a = e.children, s = Fe(e, ["value", "children"]), u = typeof o == "string" ? new Date(o || 0) : o, f = r === "formatDate" ? i.formatDateToParts(u, s) : i.formatTimeToParts(u, s);
+    return a(f);
+  };
+  return t.displayName = pe[r], t;
+}
+function z(r) {
+  var t = function(e) {
+    var i = be(), o = e.value, a = e.children, s = Fe(
+      e,
+      ["value", "children"]
+    ), u = i[r](o, s);
+    if (typeof a == "function")
+      return a(u);
+    var f = i.textComponent || A.Fragment;
+    return A.createElement(f, null, u);
+  };
+  return t.displayName = de[r], t;
+}
+z("formatDate");
+z("formatTime");
+z("formatNumber");
+z("formatList");
+z("formatDisplayName");
+Oe("formatDate");
+Oe("formatTime");
+const Nt = Be(
+  ({
+    placeholder: r,
+    variant: t,
+    disabled: e,
+    type: i,
+    readOnly: o,
+    leftAdornments: a,
+    rightAdornments: s,
+    leftAdornmentsProps: u,
+    rightAdornmentsProps: f,
+    leftAdornmentsWidth: g,
+    rightAdornmentsWidth: $,
+    className: y,
+    style: N,
+    label: h,
+    value: m,
+    ...S
+  }, _) => {
+    const { locale: P } = be(), x = st({
+      ...S,
+      label: h,
+      value: m,
+      onChange: (n) => {
+        S.onChange && S.onChange(n);
+      },
+      locale: P
+    }), p = ue(null), { inputProps: d } = Ze(
+      {
+        ...S,
+        label: h,
+        value: m
+      },
+      x,
+      p
+    );
+    return /* @__PURE__ */ ze(
+      Xe,
+      {
+        placeholder: r,
+        variant: t,
+        disabled: e,
+        type: i,
+        readOnly: o,
+        leftAdornments: a,
+        rightAdornments: s,
+        leftAdornmentsProps: u,
+        rightAdornmentsProps: f,
+        leftAdornmentsWidth: g,
+        rightAdornmentsWidth: $,
+        className: y,
+        style: N,
+        "data-testid": `number-field-${h}`,
+        ...d,
+        ref: _,
+        "aria-label": h
+      }
+    );
+  }
+);
+export {
+  Nt as NumberField
+};

package/package.json

@@ -1,11 +1,16 @@
 {
   "name": "@equinor/roma-ui",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "exports": {
     ".": {
       "import": "./index.mjs",
       "require": "./index.js"
     },
+    "./number": {
+      "types": "./lib/NumberField/NumberField.d.ts",
+      "import": "./NumberField.mjs",
+      "require": "./NumberField.js"
+    },
     "./switch": {
       "types": "./lib/switch/Switch.d.ts",
       "import": "./switch.mjs",

package/select.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("react-aria-components"),u=require("@equinor/eds-core-react"),D=require("@equinor/eds-icons"),n=require("react"),e=require("@equinor/eds-tokens"),r=require("styled-components"),W=r(u.Typography)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("react-aria-components"),u=require("@equinor/eds-core-react"),A=require("@equinor/eds-icons"),n=require("react"),e=require("@equinor/eds-tokens"),r=require("styled-components"),W=r(u.Typography)`
   variant={'helper'};
   group={$group};
   margin-left: 8px;
@@ -147,4 +147,4 @@
   cursor: pointer;
   border-radius: 50%;
   background-color: ${({$isHover:t})=>t?e.tokens.colors.interactive.primary__hover_alt.rgba:""};
-`,G=n.forwardRef(function({children:t,variant:a,selected:d,onSelectedChange:l,label:g,helperText:y,placeholder:k,items:v,ariaLabel:w,disabledKeys:Q,disabled:m,readOnly:p,getValueText:$,onChange:h,showClearButton:X,...S},L){const[x,j]=n.useState(),{density:B,rootElement:I}=u.useEds(),T=n.useMemo(()=>d?`select-option-${d}`:x?`select-option-${x}`:"",[x,d]),q=n.useCallback(A=>{let c=(A??"").toString().replace("select-option-","");c===""&&(c=null),l?l(c):h?h({target:{value:c},currentTarget:{value:c}}):j(c)},[h,l]),E=n.useRef(),C=L??E,[H,M]=n.useState(!1),[z,b]=n.useState(!1),P=()=>{b(!0)},R=()=>{b(!1)};return o.jsxs(s.Wrapper,{onSelectionChange:q,selectedKey:T,$variant:a,autoComplete:"text",placeholder:k??" ",isOpen:p?!1:H,onOpenChange:M,isDisabled:m??p,"aria-label":w,...S,children:[g&&o.jsx(s.Label,{elementType:"label",children:g}),o.jsxs(s.Trigger,{ref:C,$density:B,$variant:a,$readonly:p??!1,"data-readonly":p,$hasLabel:!!g,children:[o.jsx(i.SelectValue,{children:$}),!p&&o.jsx(V,{onMouseEnter:P,onMouseLeave:R,$isHover:z,children:o.jsx(u.Icon,{size:24,data:D.arrow_drop_down,color:e.tokens.colors.interactive.primary__resting.rgba})})]}),o.jsx(s.Popover,{offset:4,UNSTABLE_portalContainer:I??document.body,children:o.jsx(s.ListBox,{items:v,children:t})}),o.jsx(_,{helperText:y})]})}),J=({value:t,children:a,item:d,...l})=>{const{density:g}=u.useEds();return o.jsx(s.ListBoxItem,{$density:g,id:`select-option-${t}`,value:d,isDisabled:l.disabled,...l,children:a})};exports.Option=J;exports.Select=G;exports.Styled=s;
+`,G=n.forwardRef(function({children:t,variant:a,selected:d,onSelectedChange:l,label:g,helperText:y,placeholder:k,items:v,ariaLabel:w,disabledKeys:Q,disabled:m,readOnly:p,getValueText:$,onChange:h,showClearButton:X,...S},L){const[x,j]=n.useState(),{density:B,rootElement:I}=u.useEds(),T=n.useMemo(()=>d?`select-option-${d}`:x?`select-option-${x}`:"",[x,d]),q=n.useCallback(D=>{let c=(D??"").toString().replace("select-option-","");c===""&&(c=null),l?l(c):h?h({target:{value:c},currentTarget:{value:c}}):j(c)},[h,l]),E=n.useRef(),C=L??E,[H,M]=n.useState(!1),[R,b]=n.useState(!1),P=()=>{b(!0)},z=()=>{b(!1)};return o.jsxs(s.Wrapper,{onSelectionChange:q,selectedKey:T,$variant:a,autoComplete:"text",placeholder:k??" ",isOpen:p?!1:H,onOpenChange:M,isDisabled:m??p,"aria-label":w,...S,children:[g&&o.jsx(s.Label,{elementType:"label",children:g}),o.jsxs(s.Trigger,{ref:C,$density:B,$variant:a,$readonly:p??!1,"data-readonly":p,$hasLabel:!!g,children:[o.jsx(i.SelectValue,{children:$}),!p&&o.jsx(V,{onMouseEnter:P,onMouseLeave:z,$isHover:R,children:o.jsx(u.Icon,{size:24,data:A.arrow_drop_down,color:e.tokens.colors.interactive.primary__resting.rgba})})]}),o.jsx(s.Popover,{offset:4,UNSTABLE_portalContainer:I??document.body,children:o.jsx(s.ListBox,{items:v,children:t})}),o.jsx(_,{helperText:y})]})}),J=({value:t,children:a,item:d,...l})=>{const{density:g}=u.useEds();return o.jsx(s.ListBoxItem,{$density:g,id:`select-option-${t}`,value:d,isDisabled:l.disabled,...l,children:a})};exports.Option=J;exports.Select=G;exports.Styled=s;

package/switch.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),S=require("react-aria"),b=require("react"),d=require("@equinor/eds-tokens"),C=require("@equinor/eds-core-react");function k(e,t,i){let[o,u]=b.useState(e||t),f=b.useRef(e!==void 0),s=e!==void 0;b.useEffect(()=>{let l=f.current;l!==s&&process.env.NODE_ENV!=="production"&&console.warn(`WARN: A component changed from ${l?"controlled":"uncontrolled"} to ${s?"controlled":"uncontrolled"}.`),f.current=s},[s]);let a=s?e:o,g=b.useCallback((l,...n)=>{let r=(h,...y)=>{i&&(Object.is(a,h)||i(h,...y)),s||(a=h)};typeof l=="function"?(process.env.NODE_ENV!=="production"&&console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"),u((y,...p)=>{let x=l(s?a:y,...p);return r(x,...n),s?y:x})):(s||u(l),r(l,...n))},[s,a,i]);return[a,g]}function R(e={}){let{isReadOnly:t}=e,[i,o]=k(e.isSelected,e.defaultSelected||!1,e.onChange);function u(s){t||o(s)}function f(){t||o(!i)}return{isSelected:i,setSelected:u,toggle:f}}const _={close:"M8.21967 9.28033C8.51256 9.57322 8.98744 9.57322 9.28033 9.28033C9.57322 8.98744 9.57322 8.51256 9.28033 8.21967L6.06066 5L9.28033 1.78033C9.57322 1.48744 9.57322 1.01256 9.28033 0.71967C8.98744 0.426777 8.51256 0.426777 8.21967 0.71967L5 3.93934L1.78033 0.71967C1.48744 0.426777 1.01256 0.426777 0.71967 0.71967C0.426777 1.01256 0.426777 1.48744 0.71967 1.78033L3.93934 5L0.71967 8.21967C0.426777 8.51256 0.426777 8.98744 0.71967 9.28033C1.01256 9.57322 1.48744 9.57322 1.78033 9.28033L5 6.06066L8.21967 9.28033Z",check:"M13.0303 4.21967C13.3232 4.51256 13.3232 4.98744 13.0303 5.28033L6.78033 11.5303C6.48744 11.8232 6.01256 11.8232 5.71967 11.5303L2.96967 8.78033C2.67678 8.48744 2.67678 8.01256 2.96967 7.71967C3.26256 7.42678 3.73744 7.42678 4.03033 7.71967L6.25 9.93934L11.9697 4.21967C12.2626 3.92678 12.7374 3.92678 13.0303 4.21967Z"};function m(e){const t={...e,isDisabled:e.isDisabled??e.disabled,isReadOnly:e.isReadOnly??e.readOnly,isSelected:e.isSelected??e.checked,defaultSelected:e.defaultSelected??e.defaultChecked},i=R(t),o=b.useRef(null),{inputProps:u}=S.useSwitch(t,i,o),{isFocusVisible:f,focusProps:s}=S.useFocusRing(),{isHovered:a,hoverProps:g}=S.useHover({isDisabled:!1}),{density:l}=C.useEds(),n=l==="compact",r=b.useMemo(()=>({ripple:d.tokens.colors.interactive.primary__hover_alt.rgba,background:i.isSelected?d.tokens.colors.interactive.primary__resting.hex:"rgba(220, 220, 220, 1)",circle:i.isSelected?d.tokens.colors.interactive.primary__hover_alt.hex:"rgba(111, 111, 111, 1)",icon:i.isSelected?d.tokens.colors.interactive.primary__resting.hex:"white",focus:d.tokens.colors.interactive.primary__resting.hex}),[i.isSelected]),h=n?32:48,y=n?4:12,p=n?0:8;return c.jsxs(C.Typography,{as:"label",variant:"text",group:"input",style:{display:"flex",alignItems:"center",color:t.isReadOnly||t.isDisabled?d.tokens.colors.text.static_icons__tertiary.rgba:d.tokens.colors.text.static_icons__default.rgba,cursor:t.isReadOnly||t.isDisabled?"not-allowed":"pointer"},children:[c.jsx(S.VisuallyHidden,{children:c.jsx("input",{...u,...s,ref:o})}),c.jsx("div",{style:{display:"inline",height:n?32:48},...g,children:c.jsxs("svg",{width:60,height:h,"aria-hidden":"true",style:{marginRight:4,opacity:t.isDisabled||t.isReadOnly?.4:1},children:[a&&!t.isDisabled&&!t.isReadOnly&&c.jsx("circle",{cx:i.isSelected?42:20,cy:16+p,r:n?16:20,fill:r.ripple}),c.jsx("rect",{x:8,y,width:46,height:24,rx:12,fill:r.background}),c.jsx("circle",{cx:i.isSelected?42:20,cy:16+p,r:9.5,fill:r.circle}),c.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:i.isSelected?_.check:_.close,transform:`translate(${i.isSelected?32:14},${(i.isSelected?6:10)+p}) scale(1.2)`,fill:r.icon,style:{pointerEvents:"none"}}),f&&c.jsx("rect",{x:6,y:p,width:50,height:32,rx:12,fill:"none",strokeDasharray:2,stroke:r.focus,strokeWidth:2})]})}),t.children??t.label]})}exports.Switch=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("react-aria"),f=require("react"),c=require("@equinor/eds-tokens"),y=require("@equinor/eds-core-react"),_=require("./useControlledState-D0L6S_5r.js");function k(t={}){let{isReadOnly:e}=t,[i,l]=_.$458b0a5536c1a7cf$export$40bfa8c7b0832715(t.isSelected,t.defaultSelected||!1,t.onChange);function d(u){e||l(u)}function h(){e||l(!i)}return{isSelected:i,setSelected:d,toggle:h}}const g={close:"M8.21967 9.28033C8.51256 9.57322 8.98744 9.57322 9.28033 9.28033C9.57322 8.98744 9.57322 8.51256 9.28033 8.21967L6.06066 5L9.28033 1.78033C9.57322 1.48744 9.57322 1.01256 9.28033 0.71967C8.98744 0.426777 8.51256 0.426777 8.21967 0.71967L5 3.93934L1.78033 0.71967C1.48744 0.426777 1.01256 0.426777 0.71967 0.71967C0.426777 1.01256 0.426777 1.48744 0.71967 1.78033L3.93934 5L0.71967 8.21967C0.426777 8.51256 0.426777 8.98744 0.71967 9.28033C1.01256 9.57322 1.48744 9.57322 1.78033 9.28033L5 6.06066L8.21967 9.28033Z",check:"M13.0303 4.21967C13.3232 4.51256 13.3232 4.98744 13.0303 5.28033L6.78033 11.5303C6.48744 11.8232 6.01256 11.8232 5.71967 11.5303L2.96967 8.78033C2.67678 8.48744 2.67678 8.01256 2.96967 7.71967C3.26256 7.42678 3.73744 7.42678 4.03033 7.71967L6.25 9.93934L11.9697 4.21967C12.2626 3.92678 12.7374 3.92678 13.0303 4.21967Z"};function v(t){const e={...t,isDisabled:t.isDisabled??t.disabled,isReadOnly:t.isReadOnly??t.readOnly,isSelected:t.isSelected??t.checked,defaultSelected:t.defaultSelected??t.defaultChecked},i=k(e),l=f.useRef(null),{inputProps:d}=o.useSwitch(e,i,l),{isFocusVisible:h,focusProps:u}=o.useFocusRing(),{isHovered:x,hoverProps:S}=o.useHover({isDisabled:!1}),{density:b}=y.useEds(),n=b==="compact",r=f.useMemo(()=>({ripple:c.tokens.colors.interactive.primary__hover_alt.rgba,background:i.isSelected?c.tokens.colors.interactive.primary__resting.hex:"rgba(220, 220, 220, 1)",circle:i.isSelected?c.tokens.colors.interactive.primary__hover_alt.hex:"rgba(111, 111, 111, 1)",icon:i.isSelected?c.tokens.colors.interactive.primary__resting.hex:"white",focus:c.tokens.colors.interactive.primary__resting.hex}),[i.isSelected]),p=n?32:48,C=n?4:12,a=n?0:8;return s.jsxs(y.Typography,{as:"label",variant:"text",group:"input",style:{display:"flex",alignItems:"center",width:"fit-content",color:e.isReadOnly||e.isDisabled?c.tokens.colors.text.static_icons__tertiary.rgba:c.tokens.colors.text.static_icons__default.rgba,cursor:e.isReadOnly||e.isDisabled?"not-allowed":"pointer"},children:[s.jsx(o.VisuallyHidden,{children:s.jsx("input",{...d,...u,ref:l})}),s.jsx("div",{style:{display:"inline",height:n?32:48},...S,children:s.jsxs("svg",{width:60,height:p,"aria-hidden":"true",style:{marginRight:4,opacity:e.isDisabled||e.isReadOnly?.4:1},children:[x&&!e.isDisabled&&!e.isReadOnly&&s.jsx("circle",{cx:i.isSelected?42:20,cy:16+a,r:n?16:20,fill:r.ripple}),s.jsx("rect",{x:8,y:C,width:46,height:24,rx:12,fill:r.background}),s.jsx("circle",{cx:i.isSelected?42:20,cy:16+a,r:9.5,fill:r.circle}),s.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:i.isSelected?g.check:g.close,transform:`translate(${i.isSelected?32:14},${(i.isSelected?6:10)+a}) scale(1.2)`,fill:r.icon,style:{pointerEvents:"none"}}),h&&s.jsx("rect",{x:6,y:a,width:50,height:32,rx:12,fill:"none",strokeDasharray:2,stroke:r.focus,strokeWidth:2})]})}),e.children??e.label]})}exports.Switch=v;

package/switch.mjs

@@ -1,68 +1,43 @@
-import { jsxs as S, jsx as r } from "react/jsx-runtime";
-import { useSwitch as _, useFocusRing as x, useHover as R, VisuallyHidden as O } from "react-aria";
-import { useState as k, useRef as C, useEffect as L, useCallback as v, useMemo as w } from "react";
-import { tokens as a } from "@equinor/eds-tokens";
-import { useEds as D, Typography as $ } from "@equinor/eds-core-react";
-function V(e, t, i) {
-  let [o, f] = k(e || t), u = C(e !== void 0), l = e !== void 0;
-  L(() => {
-    let c = u.current;
-    c !== l && process.env.NODE_ENV !== "production" && console.warn(`WARN: A component changed from ${c ? "controlled" : "uncontrolled"} to ${l ? "controlled" : "uncontrolled"}.`), u.current = l;
-  }, [
-    l
-  ]);
-  let d = l ? e : o, b = v((c, ...s) => {
-    let n = (h, ...p) => {
-      i && (Object.is(d, h) || i(h, ...p)), l || (d = h);
-    };
-    typeof c == "function" ? (process.env.NODE_ENV !== "production" && console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"), f((p, ...y) => {
-      let g = c(l ? d : p, ...y);
-      return n(g, ...s), l ? p : g;
-    })) : (l || f(c), n(c, ...s));
-  }, [
-    l,
-    d,
-    i
-  ]);
-  return [
-    d,
-    b
-  ];
-}
-function E(e = {}) {
-  let { isReadOnly: t } = e, [i, o] = V(e.isSelected, e.defaultSelected || !1, e.onChange);
-  function f(l) {
-    t || o(l);
+import { jsxs as h, jsx as l } from "react/jsx-runtime";
+import { useSwitch as b, useFocusRing as x, useHover as _, VisuallyHidden as v } from "react-aria";
+import { useRef as C, useMemo as R } from "react";
+import { tokens as c } from "@equinor/eds-tokens";
+import { useEds as L, Typography as k } from "@equinor/eds-core-react";
+import { $ as O } from "./useControlledState-u436Wbp1.mjs";
+function $(t = {}) {
+  let { isReadOnly: e } = t, [i, s] = O(t.isSelected, t.defaultSelected || !1, t.onChange);
+  function o(f) {
+    e || s(f);
   }
-  function u() {
-    t || o(!i);
+  function d() {
+    e || s(!i);
   }
   return {
     isSelected: i,
-    setSelected: f,
-    toggle: u
+    setSelected: o,
+    toggle: d
   };
 }
-const m = {
+const y = {
   close: "M8.21967 9.28033C8.51256 9.57322 8.98744 9.57322 9.28033 9.28033C9.57322 8.98744 9.57322 8.51256 9.28033 8.21967L6.06066 5L9.28033 1.78033C9.57322 1.48744 9.57322 1.01256 9.28033 0.71967C8.98744 0.426777 8.51256 0.426777 8.21967 0.71967L5 3.93934L1.78033 0.71967C1.48744 0.426777 1.01256 0.426777 0.71967 0.71967C0.426777 1.01256 0.426777 1.48744 0.71967 1.78033L3.93934 5L0.71967 8.21967C0.426777 8.51256 0.426777 8.98744 0.71967 9.28033C1.01256 9.57322 1.48744 9.57322 1.78033 9.28033L5 6.06066L8.21967 9.28033Z",
   check: "M13.0303 4.21967C13.3232 4.51256 13.3232 4.98744 13.0303 5.28033L6.78033 11.5303C6.48744 11.8232 6.01256 11.8232 5.71967 11.5303L2.96967 8.78033C2.67678 8.48744 2.67678 8.01256 2.96967 7.71967C3.26256 7.42678 3.73744 7.42678 4.03033 7.71967L6.25 9.93934L11.9697 4.21967C12.2626 3.92678 12.7374 3.92678 13.0303 4.21967Z"
 };
-function W(e) {
-  const t = {
-    ...e,
-    isDisabled: e.isDisabled ?? e.disabled,
-    isReadOnly: e.isReadOnly ?? e.readOnly,
-    isSelected: e.isSelected ?? e.checked,
-    defaultSelected: e.defaultSelected ?? e.defaultChecked
-  }, i = E(t), o = C(null), { inputProps: f } = _(t, i, o), { isFocusVisible: u, focusProps: l } = x(), { isHovered: d, hoverProps: b } = R({ isDisabled: !1 }), { density: c } = D(), s = c === "compact", n = w(() => ({
-    ripple: a.colors.interactive.primary__hover_alt.rgba,
-    background: i.isSelected ? a.colors.interactive.primary__resting.hex : "rgba(220, 220, 220, 1)",
-    circle: i.isSelected ? a.colors.interactive.primary__hover_alt.hex : "rgba(111, 111, 111, 1)",
-    icon: i.isSelected ? a.colors.interactive.primary__resting.hex : "white",
-    focus: a.colors.interactive.primary__resting.hex
-  }), [i.isSelected]), h = s ? 32 : 48, p = s ? 4 : 12, y = s ? 0 : 8;
-  return /* @__PURE__ */ S(
-    $,
+function F(t) {
+  const e = {
+    ...t,
+    isDisabled: t.isDisabled ?? t.disabled,
+    isReadOnly: t.isReadOnly ?? t.readOnly,
+    isSelected: t.isSelected ?? t.checked,
+    defaultSelected: t.defaultSelected ?? t.defaultChecked
+  }, i = $(e), s = C(null), { inputProps: o } = b(e, i, s), { isFocusVisible: d, focusProps: f } = x(), { isHovered: u, hoverProps: g } = _({ isDisabled: !1 }), { density: p } = L(), r = p === "compact", n = R(() => ({
+    ripple: c.colors.interactive.primary__hover_alt.rgba,
+    background: i.isSelected ? c.colors.interactive.primary__resting.hex : "rgba(220, 220, 220, 1)",
+    circle: i.isSelected ? c.colors.interactive.primary__hover_alt.hex : "rgba(111, 111, 111, 1)",
+    icon: i.isSelected ? c.colors.interactive.primary__resting.hex : "white",
+    focus: c.colors.interactive.primary__resting.hex
+  }), [i.isSelected]), m = r ? 32 : 48, S = r ? 4 : 12, a = r ? 0 : 8;
+  return /* @__PURE__ */ h(
+    k,
     {
       as: "label",
       variant: "text",
@@ -70,72 +45,73 @@ function W(e) {
       style: {
         display: "flex",
         alignItems: "center",
-        color: t.isReadOnly || t.isDisabled ? a.colors.text.static_icons__tertiary.rgba : a.colors.text.static_icons__default.rgba,
-        cursor: t.isReadOnly || t.isDisabled ? "not-allowed" : "pointer"
+        width: "fit-content",
+        color: e.isReadOnly || e.isDisabled ? c.colors.text.static_icons__tertiary.rgba : c.colors.text.static_icons__default.rgba,
+        cursor: e.isReadOnly || e.isDisabled ? "not-allowed" : "pointer"
       },
       children: [
-        /* @__PURE__ */ r(O, { children: /* @__PURE__ */ r("input", { ...f, ...l, ref: o }) }),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ l(v, { children: /* @__PURE__ */ l("input", { ...o, ...f, ref: s }) }),
+        /* @__PURE__ */ l(
           "div",
           {
-            style: { display: "inline", height: s ? 32 : 48 },
-            ...b,
-            children: /* @__PURE__ */ S(
+            style: { display: "inline", height: r ? 32 : 48 },
+            ...g,
+            children: /* @__PURE__ */ h(
               "svg",
               {
                 width: 60,
-                height: h,
+                height: m,
                 "aria-hidden": "true",
                 style: {
                   marginRight: 4,
-                  opacity: t.isDisabled || t.isReadOnly ? 0.4 : 1
+                  opacity: e.isDisabled || e.isReadOnly ? 0.4 : 1
                 },
                 children: [
-                  d && !t.isDisabled && !t.isReadOnly && /* @__PURE__ */ r(
+                  u && !e.isDisabled && !e.isReadOnly && /* @__PURE__ */ l(
                     "circle",
                     {
                       cx: i.isSelected ? 42 : 20,
-                      cy: 16 + y,
-                      r: s ? 16 : 20,
+                      cy: 16 + a,
+                      r: r ? 16 : 20,
                       fill: n.ripple
                     }
                   ),
-                  /* @__PURE__ */ r(
+                  /* @__PURE__ */ l(
                     "rect",
                     {
                       x: 8,
-                      y: p,
+                      y: S,
                       width: 46,
                       height: 24,
                       rx: 12,
                       fill: n.background
                     }
                   ),
-                  /* @__PURE__ */ r(
+                  /* @__PURE__ */ l(
                     "circle",
                     {
                       cx: i.isSelected ? 42 : 20,
-                      cy: 16 + y,
+                      cy: 16 + a,
                       r: 9.5,
                       fill: n.circle
                     }
                   ),
-                  /* @__PURE__ */ r(
+                  /* @__PURE__ */ l(
                     "path",
                     {
                       fillRule: "evenodd",
                       clipRule: "evenodd",
-                      d: i.isSelected ? m.check : m.close,
-                      transform: `translate(${i.isSelected ? 32 : 14},${(i.isSelected ? 6 : 10) + y}) scale(1.2)`,
+                      d: i.isSelected ? y.check : y.close,
+                      transform: `translate(${i.isSelected ? 32 : 14},${(i.isSelected ? 6 : 10) + a}) scale(1.2)`,
                       fill: n.icon,
                       style: { pointerEvents: "none" }
                     }
                   ),
-                  u && /* @__PURE__ */ r(
+                  d && /* @__PURE__ */ l(
                     "rect",
                     {
                       x: 6,
-                      y,
+                      y: a,
                       width: 50,
                       height: 32,
                       rx: 12,
@@ -150,11 +126,11 @@ function W(e) {
             )
           }
         ),
-        t.children ?? t.label
+        e.children ?? e.label
       ]
     }
   );
 }
 export {
-  W as Switch
+  F as Switch
 };

package/useControlledState-D0L6S_5r.js

@@ -0,0 +1 @@
+"use strict";const s=require("react");function E(o,p,l){let[b,i]=s.useState(o||p),u=s.useRef(o!==void 0),e=o!==void 0;s.useEffect(()=>{let t=u.current;t!==e&&process.env.NODE_ENV!=="production"&&console.warn(`WARN: A component changed from ${t?"controlled":"uncontrolled"} to ${e?"controlled":"uncontrolled"}.`),u.current=e},[e]);let n=e?o:b,$=s.useCallback((t,...f)=>{let a=(c,...r)=>{l&&(Object.is(n,c)||l(c,...r)),e||(n=c)};typeof t=="function"?(process.env.NODE_ENV!=="production"&&console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"),i((r,...V)=>{let d=t(e?n:r,...V);return a(d,...f),e?r:d})):(e||i(t),a(t,...f))},[e,n,l]);return[n,$]}exports.$458b0a5536c1a7cf$export$40bfa8c7b0832715=E;

package/useControlledState-u436Wbp1.mjs

@@ -0,0 +1,30 @@
+import { useState as V, useRef as $, useEffect as E, useCallback as N } from "react";
+function h(o, a, l) {
+  let [p, s] = V(o || a), i = $(o !== void 0), e = o !== void 0;
+  E(() => {
+    let t = i.current;
+    t !== e && process.env.NODE_ENV !== "production" && console.warn(`WARN: A component changed from ${t ? "controlled" : "uncontrolled"} to ${e ? "controlled" : "uncontrolled"}.`), i.current = e;
+  }, [
+    e
+  ]);
+  let n = e ? o : p, b = N((t, ...u) => {
+    let f = (r, ...c) => {
+      l && (Object.is(n, r) || l(r, ...c)), e || (n = r);
+    };
+    typeof t == "function" ? (process.env.NODE_ENV !== "production" && console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"), s((c, ...m) => {
+      let d = t(e ? n : c, ...m);
+      return f(d, ...u), e ? c : d;
+    })) : (e || s(t), f(t, ...u));
+  }, [
+    e,
+    n,
+    l
+  ]);
+  return [
+    n,
+    b
+  ];
+}
+export {
+  h as $
+};