@equinor/roma-ui 0.1.2 → 0.2.1

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 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const me=require("react/jsx-runtime"),u=require("react"),de=require("react-aria"),fe=require("@equinor/eds-core-react"),pe=require("./useControlledState-D0L6S_5r.js");function L(r,e=-1/0,t=1/0){return Math.min(Math.max(r,e),t)}function A(r,e){let t=r,i=e.toString(),n=i.indexOf("."),a=n>=0?i.length-n:0;if(a>0){let l=Math.pow(10,a);t=Math.round(t*l)/l}return t}function M(r,e,t,i){e=Number(e),t=Number(t);let n=(r-(isNaN(e)?0:e))%i,a=A(Math.abs(n)*2>=i?r+Math.sign(n)*(i-Math.abs(n)):r-n,i);return isNaN(e)?!isNaN(t)&&a>t&&(a=Math.floor(A(t/i,i))*i):a<e?a=e:!isNaN(t)&&a>t&&(a=e+Math.floor(A((t-e)/i,i))*i),a=A(a,i),a}const ee={badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1,valid:!0},te={...ee,customError:!0,valid:!1},O={isInvalid:!1,validationDetails:ee,validationErrors:[]},be=u.createContext({}),Y="__formValidationState"+Date.now();function he(r){if(r[Y]){let{realtimeValidation:e,displayValidation:t,updateValidation:i,resetValidation:n,commitValidation:a}=r[Y];return{realtimeValidation:e,displayValidation:t,updateValidation:i,resetValidation:n,commitValidation:a}}return ge(r)}function ge(r){let{isInvalid:e,validationState:t,name:i,value:n,builtinValidation:a,validate:l,validationBehavior:o="aria"}=r;t&&(e||(e=t==="invalid"));let m=e!==void 0?{isInvalid:e,validationErrors:[],validationDetails:te}:null,V=u.useMemo(()=>{if(!l||n==null)return null;let s=$e(l,n);return k(s)},[l,n]);a!=null&&a.validationDetails.valid&&(a=void 0);let h=u.useContext(be),f=u.useMemo(()=>i?Array.isArray(i)?i.flatMap(s=>G(h[s])):G(h[i]):[],[h,i]),[g,$]=u.useState(h),[p,b]=u.useState(!1);h!==g&&($(h),b(!1));let D=u.useMemo(()=>k(p?[]:f),[p,f]),w=u.useRef(O),[x,y]=u.useState(O),v=u.useRef(O),d=()=>{if(!P)return;S(!1);let s=V||a||w.current;q(s,v.current)||(v.current=s,y(s))},[P,S]=u.useState(!1);return u.useEffect(d),{realtimeValidation:m||D||V||a||O,displayValidation:o==="native"?m||D||x:m||D||V||a||x,updateValidation(s){o==="aria"&&!q(x,s)?y(s):w.current=s},resetValidation(){let s=O;q(s,v.current)||(v.current=s,y(s)),o==="native"&&S(!1),b(!0)},commitValidation(){o==="native"&&S(!0),b(!0)}}}function G(r){return r?Array.isArray(r)?r:[r]:[]}function $e(r,e){if(typeof r=="function"){let t=r(e);if(t&&typeof t!="boolean")return G(t)}return[]}function k(r){return r.length?{isInvalid:!0,validationErrors:r,validationDetails:te}:null}function q(r,e){return r===e?!0:!!r&&!!e&&r.isInvalid===e.isInvalid&&r.validationErrors.length===e.validationErrors.length&&r.validationErrors.every((t,i)=>t===e.validationErrors[i])&&Object.entries(r.validationDetails).every(([t,i])=>e.validationDetails[t]===i)}let z=new Map,U=!1;try{U=new Intl.NumberFormat("de-DE",{signDisplay:"exceptZero"}).resolvedOptions().signDisplay==="exceptZero"}catch{}let j=!1;try{j=new Intl.NumberFormat("de-DE",{style:"unit",unit:"degree"}).resolvedOptions().style==="unit"}catch{}const ie={degree:{narrow:{default:"°","ja-JP":" 度","zh-TW":"度","sl-SI":" °"}}};class Z{format(e){let t="";if(!U&&this.options.signDisplay!=null?t=ve(this.numberFormatter,this.options.signDisplay,e):t=this.numberFormatter.format(e),this.options.style==="unit"&&!j){var i;let{unit:n,unitDisplay:a="short",locale:l}=this.resolvedOptions();if(!n)return t;let o=(i=ie[n])===null||i===void 0?void 0:i[a];t+=o[l]||o.default}return t}formatToParts(e){return this.numberFormatter.formatToParts(e)}formatRange(e,t){if(typeof this.numberFormatter.formatRange=="function")return this.numberFormatter.formatRange(e,t);if(t<e)throw new RangeError("End date must be >= start date");return`${this.format(e)} – ${this.format(t)}`}formatRangeToParts(e,t){if(typeof this.numberFormatter.formatRangeToParts=="function")return this.numberFormatter.formatRangeToParts(e,t);if(t<e)throw new RangeError("End date must be >= start date");let i=this.numberFormatter.formatToParts(e),n=this.numberFormatter.formatToParts(t);return[...i.map(a=>({...a,source:"startRange"})),{type:"literal",value:" – ",source:"shared"},...n.map(a=>({...a,source:"endRange"}))]}resolvedOptions(){let e=this.numberFormatter.resolvedOptions();return!U&&this.options.signDisplay!=null&&(e={...e,signDisplay:this.options.signDisplay}),!j&&this.options.style==="unit"&&(e={...e,style:"unit",unit:this.options.unit,unitDisplay:this.options.unitDisplay}),e}constructor(e,t={}){this.numberFormatter=ye(e,t),this.options=t}}function ye(r,e={}){let{numberingSystem:t}=e;if(t&&r.includes("-nu-")&&(r.includes("-u-")||(r+="-u-"),r+=`-nu-${t}`),e.style==="unit"&&!j){var i;let{unit:l,unitDisplay:o="short"}=e;if(!l)throw new Error('unit option must be provided with style: "unit"');if(!(!((i=ie[l])===null||i===void 0)&&i[o]))throw new Error(`Unsupported unit ${l} with unitDisplay = ${o}`);e={...e,style:"decimal"}}let n=r+(e?Object.entries(e).sort((l,o)=>l[0]<o[0]?-1:1).join():"");if(z.has(n))return z.get(n);let a=new Intl.NumberFormat(r,e);return z.set(n,a),a}function ve(r,e,t){if(e==="auto")return r.format(t);if(e==="never")return r.format(Math.abs(t));{let i=!1;if(e==="always"?i=t>0||Object.is(t,0):e==="exceptZero"&&(Object.is(t,-0)||Object.is(t,0)?t=Math.abs(t):i=t>0),i){let n=r.format(-t),a=r.format(t),l=n.replace(a,"").replace(/\u200e|\u061C/,"");return[...l].length!==1&&console.warn("@react-aria/i18n polyfill for NumberFormat signDisplay: Unsupported case"),n.replace(a,"!!!").replace(l,"+").replace("!!!",a)}else return r.format(t)}}const Ne=new RegExp("^.*\\(.*\\).*$"),Ve=["latn","arab","hanidec","deva","beng"];class re{parse(e){return W(this.locale,this.options,e).parse(e)}isValidPartialNumber(e,t,i){return W(this.locale,this.options,e).isValidPartialNumber(e,t,i)}getNumberingSystem(e){return W(this.locale,this.options,e).options.numberingSystem}constructor(e,t={}){this.locale=e,this.options=t}}const Q=new Map;function W(r,e,t){let i=J(r,e);if(!r.includes("-nu-")&&!i.isValidPartialNumber(t)){for(let n of Ve)if(n!==i.options.numberingSystem){let a=J(r+(r.includes("-u-")?"-nu-":"-u-nu-")+n,e);if(a.isValidPartialNumber(t))return a}}return i}function J(r,e){let t=r+(e?Object.entries(e).sort((n,a)=>n[0]<a[0]?-1:1).join():""),i=Q.get(t);return i||(i=new Se(r,e),Q.set(t,i)),i}class Se{parse(e){let t=this.sanitize(e);if(this.symbols.group&&(t=T(t,this.symbols.group,"")),this.symbols.decimal&&(t=t.replace(this.symbols.decimal,".")),this.symbols.minusSign&&(t=t.replace(this.symbols.minusSign,"-")),t=t.replace(this.symbols.numeral,this.symbols.index),this.options.style==="percent"){let l=t.indexOf("-");t=t.replace("-",""),t=t.replace("+","");let o=t.indexOf(".");o===-1&&(o=t.length),t=t.replace(".",""),o-2===0?t=`0.${t}`:o-2===-1?t=`0.0${t}`:o-2===-2?t="0.00":t=`${t.slice(0,o-2)}.${t.slice(o-2)}`,l>-1&&(t=`-${t}`)}let i=t?+t:NaN;if(isNaN(i))return NaN;if(this.options.style==="percent"){var n,a;let l={...this.options,style:"decimal",minimumFractionDigits:Math.min(((n=this.options.minimumFractionDigits)!==null&&n!==void 0?n:0)+2,20),maximumFractionDigits:Math.min(((a=this.options.maximumFractionDigits)!==null&&a!==void 0?a:0)+2,20)};return new re(this.locale,l).parse(new Z(this.locale,l).format(i))}return this.options.currencySign==="accounting"&&Ne.test(e)&&(i=-1*i),i}sanitize(e){return e=e.replace(this.symbols.literals,""),this.symbols.minusSign&&(e=e.replace("-",this.symbols.minusSign)),this.options.numberingSystem==="arab"&&(this.symbols.decimal&&(e=e.replace(",",this.symbols.decimal),e=e.replace("،",this.symbols.decimal)),this.symbols.group&&(e=T(e,".",this.symbols.group))),this.options.locale==="fr-FR"&&this.symbols.group&&(e=T(e," ",this.symbols.group),e=T(e,/\u00A0/g,this.symbols.group)),e}isValidPartialNumber(e,t=-1/0,i=1/0){return e=this.sanitize(e),this.symbols.minusSign&&e.startsWith(this.symbols.minusSign)&&t<0?e=e.slice(this.symbols.minusSign.length):this.symbols.plusSign&&e.startsWith(this.symbols.plusSign)&&i>0&&(e=e.slice(this.symbols.plusSign.length)),this.symbols.group&&e.startsWith(this.symbols.group)||this.symbols.decimal&&e.indexOf(this.symbols.decimal)>-1&&this.options.maximumFractionDigits===0?!1:(this.symbols.group&&(e=T(e,this.symbols.group,"")),e=e.replace(this.symbols.numeral,""),this.symbols.decimal&&(e=e.replace(this.symbols.decimal,"")),e.length===0)}constructor(e,t={}){this.locale=e,t.roundingIncrement!==1&&t.roundingIncrement!=null&&(t.maximumFractionDigits==null&&t.minimumFractionDigits==null?(t.maximumFractionDigits=0,t.minimumFractionDigits=0):t.maximumFractionDigits==null?t.maximumFractionDigits=t.minimumFractionDigits:t.minimumFractionDigits==null&&(t.minimumFractionDigits=t.maximumFractionDigits)),this.formatter=new Intl.NumberFormat(e,t),this.options=this.formatter.resolvedOptions(),this.symbols=we(e,this.formatter,this.options,t);var i,n;this.options.style==="percent"&&(((i=this.options.minimumFractionDigits)!==null&&i!==void 0?i:0)>18||((n=this.options.maximumFractionDigits)!==null&&n!==void 0?n:0)>18)&&console.warn("NumberParser cannot handle percentages with greater than 18 decimal places, please reduce the number in your options.")}}const X=new Set(["decimal","fraction","integer","minusSign","plusSign","group"]),De=[0,4,2,1,11,20,3,7,100,21,.1,1.1];function we(r,e,t,i){var n,a,l,o;let m=new Intl.NumberFormat(r,{...t,minimumSignificantDigits:1,maximumSignificantDigits:21,roundingIncrement:1,roundingPriority:"auto",roundingMode:"halfExpand"}),V=m.formatToParts(-10000.111),h=m.formatToParts(10000.111),f=De.map(s=>m.formatToParts(s));var g;let $=(g=(n=V.find(s=>s.type==="minusSign"))===null||n===void 0?void 0:n.value)!==null&&g!==void 0?g:"-",p=(a=h.find(s=>s.type==="plusSign"))===null||a===void 0?void 0:a.value;!p&&((i==null?void 0:i.signDisplay)==="exceptZero"||(i==null?void 0:i.signDisplay)==="always")&&(p="+");let D=(l=new Intl.NumberFormat(r,{...t,minimumFractionDigits:2,maximumFractionDigits:2}).formatToParts(.001).find(s=>s.type==="decimal"))===null||l===void 0?void 0:l.value,w=(o=V.find(s=>s.type==="group"))===null||o===void 0?void 0:o.value,x=V.filter(s=>!X.has(s.type)).map(s=>H(s.value)),y=f.flatMap(s=>s.filter(E=>!X.has(E.type)).map(E=>H(E.value))),v=[...new Set([...x,...y])].sort((s,E)=>E.length-s.length),d=v.length===0?new RegExp("[\\p{White_Space}]","gu"):new RegExp(`${v.join("|")}|[\\p{White_Space}]`,"gu"),P=[...new Intl.NumberFormat(t.locale,{useGrouping:!1}).format(9876543210)].reverse(),S=new Map(P.map((s,E)=>[s,E])),F=new RegExp(`[${P.join("")}]`,"g");return{minusSign:$,plusSign:p,decimal:D,group:w,literals:d,numeral:F,index:s=>String(S.get(s))}}function T(r,e,t){return r.replaceAll?r.replaceAll(e,t):r.split(e).join(t)}function H(r){return r.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function xe(r){let{minValue:e,maxValue:t,step:i,formatOptions:n,value:a,defaultValue:l=NaN,onChange:o,locale:m,isDisabled:V,isReadOnly:h}=r;a===null&&(a=NaN),a!==void 0&&!isNaN(a)&&(i!==void 0&&!isNaN(i)?a=M(a,e,t,i):a=L(a,e,t)),isNaN(l)||(i!==void 0&&!isNaN(i)?l=M(l,e,t,i):l=L(l,e,t));let[f,g]=pe.$458b0a5536c1a7cf$export$40bfa8c7b0832715(a,isNaN(l)?NaN:l,o),[$,p]=u.useState(()=>isNaN(f)?"":new Z(m,n).format(f)),b=u.useMemo(()=>new re(m,n),[m,n]),D=u.useMemo(()=>b.getNumberingSystem($),[b,$]),w=u.useMemo(()=>new Z(m,{...n,numberingSystem:D}),[m,n,D]),x=u.useMemo(()=>w.resolvedOptions(),[w]),y=u.useCallback(c=>isNaN(c)||c===null?"":w.format(c),[w]),v=he({...r,value:f}),d=i!==void 0&&!isNaN(i)?i:1;x.style==="percent"&&(i===void 0||isNaN(i))&&(d=.01);let[P,S]=u.useState(f),[F,I]=u.useState(m),[s,E]=u.useState(n);(!Object.is(f,P)||m!==F||n!==s)&&(p(y(f)),S(f),I(m),E(n));let N=u.useMemo(()=>b.parse($),[b,$]),ae=()=>{if(!$.length){g(NaN),p(a===void 0?"":y(f));return}if(isNaN(N)){p(y(f));return}let c;i===void 0||isNaN(i)?c=L(N,e,t):c=M(N,e,t,i),c=b.parse(y(c)),g(c),p(y(a===void 0?c:f))},B=(c,K=0)=>{let R=N;if(isNaN(R)){let C=isNaN(K)?0:K;return M(C,e,t,d)}else{let C=M(R,e,t,d);return c==="+"&&C>R||c==="-"&&C<R?C:M(_(c,R,d),e,t,d)}},ne=()=>{let c=B("+",e);c===f&&p(y(c)),g(c),v.commitValidation()},se=()=>{let c=B("-",t);c===f&&p(y(c)),g(c),v.commitValidation()},le=()=>{t!=null&&(g(M(t,e,t,d)),v.commitValidation())},oe=()=>{e!=null&&(g(e),v.commitValidation())},ue=u.useMemo(()=>!V&&!h&&(isNaN(N)||t===void 0||isNaN(t)||M(N,e,t,d)>N||_("+",N,d)<=t),[V,h,e,t,d,N]),ce=u.useMemo(()=>!V&&!h&&(isNaN(N)||e===void 0||isNaN(e)||M(N,e,t,d)<N||_("-",N,d)>=e),[V,h,e,t,d,N]);return{...v,validate:c=>b.isValidPartialNumber(c,e,t),increment:ne,incrementToMax:le,decrement:se,decrementToMin:oe,canIncrement:ue,canDecrement:ce,minValue:e,maxValue:t,numberValue:N,setNumberValue:g,setInputValue:p,inputValue:$,commit:ae}}function _(r,e,t){let i=r==="+"?e+t:e-t;if(e%1!==0||t%1!==0){const n=e.toString().split("."),a=t.toString().split("."),l=n[1]&&n[1].length||0,o=a[1]&&a[1].length||0,m=Math.pow(10,Math.max(l,o));e=Math.round(e*m),t=Math.round(t*m),i=r==="+"?e+t:e-t,i/=m}return i}const Pe=u.forwardRef(({placeholder:r,variant:e,disabled:t,type:i,readOnly:n,leftAdornments:a,rightAdornments:l,leftAdornmentsProps:o,rightAdornmentsProps:m,leftAdornmentsWidth:V,rightAdornmentsWidth:h,className:f,style:g,label:$,value:p,...b},D)=>{const x=xe({...b,label:$,value:p,onChange:d=>{b.onChange&&b.onChange(d)},locale:"nb-NO"}),y=u.useRef(null),{inputProps:v}=de.useNumberField({...b,label:$,value:p},x,y);return me.jsx(fe.Input,{placeholder:r,variant:e,disabled:t,type:i,readOnly:n,leftAdornments:a,rightAdornments:l,leftAdornmentsProps:o,rightAdornmentsProps:m,leftAdornmentsWidth:V,rightAdornmentsWidth:h,className:f,style:g,"data-testid":`number-field-${$}`,...v,onKeyDown:d=>{var P;if(d.key==="."){d.preventDefault();const S=d.target;if((P=S.value)!=null&&P.includes(","))return;const F=S.selectionStart||0,I=S.selectionEnd||0;S.value=S.value.substring(0,F)+","+S.value.substring(I)}},ref:D,"aria-label":$})});exports.NumberField=Pe;

package/number.mjs

@@ -0,0 +1,564 @@
+import { jsx as fe } from "react/jsx-runtime";
+import { useMemo as w, useContext as pe, createContext as be, useState as M, useRef as Z, useEffect as he, useCallback as ge, forwardRef as $e } from "react";
+import { useNumberField as ye } from "react-aria";
+import { Input as ve } from "@equinor/eds-core-react";
+import { $ as Ne } from "./useControlledState-u436Wbp1.mjs";
+function W(r, e = -1 / 0, t = 1 / 0) {
+  return Math.min(Math.max(r, e), t);
+}
+function j(r, e) {
+  let t = r, i = e.toString(), n = i.indexOf("."), a = n >= 0 ? i.length - n : 0;
+  if (a > 0) {
+    let l = Math.pow(10, a);
+    t = Math.round(t * l) / l;
+  }
+  return t;
+}
+function F(r, e, t, i) {
+  e = Number(e), t = Number(t);
+  let n = (r - (isNaN(e) ? 0 : e)) % i, a = j(Math.abs(n) * 2 >= i ? r + Math.sign(n) * (i - Math.abs(n)) : r - n, i);
+  return isNaN(e) ? !isNaN(t) && a > t && (a = Math.floor(j(t / i, i)) * i) : a < e ? a = e : !isNaN(t) && a > t && (a = e + Math.floor(j((t - e) / i, i)) * i), a = j(a, i), a;
+}
+const ie = {
+  badInput: !1,
+  customError: !1,
+  patternMismatch: !1,
+  rangeOverflow: !1,
+  rangeUnderflow: !1,
+  stepMismatch: !1,
+  tooLong: !1,
+  tooShort: !1,
+  typeMismatch: !1,
+  valueMissing: !1,
+  valid: !0
+}, re = {
+  ...ie,
+  customError: !0,
+  valid: !1
+}, T = {
+  isInvalid: !1,
+  validationDetails: ie,
+  validationErrors: []
+}, Ve = be({}), q = "__formValidationState" + Date.now();
+function Se(r) {
+  if (r[q]) {
+    let { realtimeValidation: e, displayValidation: t, updateValidation: i, resetValidation: n, commitValidation: a } = r[q];
+    return {
+      realtimeValidation: e,
+      displayValidation: t,
+      updateValidation: i,
+      resetValidation: n,
+      commitValidation: a
+    };
+  }
+  return De(r);
+}
+function De(r) {
+  let { isInvalid: e, validationState: t, name: i, value: n, builtinValidation: a, validate: l, validationBehavior: o = "aria" } = r;
+  t && (e || (e = t === "invalid"));
+  let m = e !== void 0 ? {
+    isInvalid: e,
+    validationErrors: [],
+    validationDetails: re
+  } : null, N = w(() => {
+    if (!l || n == null) return null;
+    let s = we(l, n);
+    return J(s);
+  }, [
+    l,
+    n
+  ]);
+  a != null && a.validationDetails.valid && (a = void 0);
+  let b = pe(Ve), d = w(() => i ? Array.isArray(i) ? i.flatMap((s) => B(b[s])) : B(b[i]) : [], [
+    b,
+    i
+  ]), [h, g] = M(b), [f, p] = M(!1);
+  b !== h && (g(b), p(!1));
+  let S = w(() => J(f ? [] : d), [
+    f,
+    d
+  ]), D = Z(T), [x, $] = M(T), y = Z(T), c = () => {
+    if (!P) return;
+    V(!1);
+    let s = N || a || D.current;
+    _(s, y.current) || (y.current = s, $(s));
+  }, [P, V] = M(!1);
+  return he(c), {
+    realtimeValidation: m || S || N || a || T,
+    displayValidation: o === "native" ? m || S || x : m || S || N || a || x,
+    updateValidation(s) {
+      o === "aria" && !_(x, s) ? $(s) : D.current = s;
+    },
+    resetValidation() {
+      let s = T;
+      _(s, y.current) || (y.current = s, $(s)), o === "native" && V(!1), p(!0);
+    },
+    commitValidation() {
+      o === "native" && V(!0), p(!0);
+    }
+  };
+}
+function B(r) {
+  return r ? Array.isArray(r) ? r : [
+    r
+  ] : [];
+}
+function we(r, e) {
+  if (typeof r == "function") {
+    let t = r(e);
+    if (t && typeof t != "boolean") return B(t);
+  }
+  return [];
+}
+function J(r) {
+  return r.length ? {
+    isInvalid: !0,
+    validationErrors: r,
+    validationDetails: re
+  } : null;
+}
+function _(r, e) {
+  return r === e ? !0 : !!r && !!e && r.isInvalid === e.isInvalid && r.validationErrors.length === e.validationErrors.length && r.validationErrors.every((t, i) => t === e.validationErrors[i]) && Object.entries(r.validationDetails).every(([t, i]) => e.validationDetails[t] === i);
+}
+let z = /* @__PURE__ */ new Map(), K = !1;
+try {
+  K = new Intl.NumberFormat("de-DE", {
+    signDisplay: "exceptZero"
+  }).resolvedOptions().signDisplay === "exceptZero";
+} catch {
+}
+let L = !1;
+try {
+  L = new Intl.NumberFormat("de-DE", {
+    style: "unit",
+    unit: "degree"
+  }).resolvedOptions().style === "unit";
+} catch {
+}
+const ae = {
+  degree: {
+    narrow: {
+      default: "°",
+      "ja-JP": " 度",
+      "zh-TW": "度",
+      "sl-SI": " °"
+    }
+  }
+};
+class Y {
+  /** Formats a number value as a string, according to the locale and options provided to the constructor. */
+  format(e) {
+    let t = "";
+    if (!K && this.options.signDisplay != null ? t = Pe(this.numberFormatter, this.options.signDisplay, e) : t = this.numberFormatter.format(e), this.options.style === "unit" && !L) {
+      var i;
+      let { unit: n, unitDisplay: a = "short", locale: l } = this.resolvedOptions();
+      if (!n) return t;
+      let o = (i = ae[n]) === null || i === void 0 ? void 0 : i[a];
+      t += o[l] || o.default;
+    }
+    return t;
+  }
+  /** Formats a number to an array of parts such as separators, digits, punctuation, and more. */
+  formatToParts(e) {
+    return this.numberFormatter.formatToParts(e);
+  }
+  /** Formats a number range as a string. */
+  formatRange(e, t) {
+    if (typeof this.numberFormatter.formatRange == "function") return this.numberFormatter.formatRange(e, t);
+    if (t < e) throw new RangeError("End date must be >= start date");
+    return `${this.format(e)} – ${this.format(t)}`;
+  }
+  /** Formats a number range as an array of parts. */
+  formatRangeToParts(e, t) {
+    if (typeof this.numberFormatter.formatRangeToParts == "function") return this.numberFormatter.formatRangeToParts(e, t);
+    if (t < e) throw new RangeError("End date must be >= start date");
+    let i = this.numberFormatter.formatToParts(e), n = this.numberFormatter.formatToParts(t);
+    return [
+      ...i.map((a) => ({
+        ...a,
+        source: "startRange"
+      })),
+      {
+        type: "literal",
+        value: " – ",
+        source: "shared"
+      },
+      ...n.map((a) => ({
+        ...a,
+        source: "endRange"
+      }))
+    ];
+  }
+  /** Returns the resolved formatting options based on the values passed to the constructor. */
+  resolvedOptions() {
+    let e = this.numberFormatter.resolvedOptions();
+    return !K && this.options.signDisplay != null && (e = {
+      ...e,
+      signDisplay: this.options.signDisplay
+    }), !L && this.options.style === "unit" && (e = {
+      ...e,
+      style: "unit",
+      unit: this.options.unit,
+      unitDisplay: this.options.unitDisplay
+    }), e;
+  }
+  constructor(e, t = {}) {
+    this.numberFormatter = xe(e, t), this.options = t;
+  }
+}
+function xe(r, e = {}) {
+  let { numberingSystem: t } = e;
+  if (t && r.includes("-nu-") && (r.includes("-u-") || (r += "-u-"), r += `-nu-${t}`), e.style === "unit" && !L) {
+    var i;
+    let { unit: l, unitDisplay: o = "short" } = e;
+    if (!l) throw new Error('unit option must be provided with style: "unit"');
+    if (!(!((i = ae[l]) === null || i === void 0) && i[o])) throw new Error(`Unsupported unit ${l} with unitDisplay = ${o}`);
+    e = {
+      ...e,
+      style: "decimal"
+    };
+  }
+  let n = r + (e ? Object.entries(e).sort((l, o) => l[0] < o[0] ? -1 : 1).join() : "");
+  if (z.has(n)) return z.get(n);
+  let a = new Intl.NumberFormat(r, e);
+  return z.set(n, a), a;
+}
+function Pe(r, e, t) {
+  if (e === "auto") return r.format(t);
+  if (e === "never") return r.format(Math.abs(t));
+  {
+    let i = !1;
+    if (e === "always" ? i = t > 0 || Object.is(t, 0) : e === "exceptZero" && (Object.is(t, -0) || Object.is(t, 0) ? t = Math.abs(t) : i = t > 0), i) {
+      let n = r.format(-t), a = r.format(t), l = n.replace(a, "").replace(/\u200e|\u061C/, "");
+      return [
+        ...l
+      ].length !== 1 && console.warn("@react-aria/i18n polyfill for NumberFormat signDisplay: Unsupported case"), n.replace(a, "!!!").replace(l, "+").replace("!!!", a);
+    } else return r.format(t);
+  }
+}
+const Ee = new RegExp("^.*\\(.*\\).*$"), Fe = [
+  "latn",
+  "arab",
+  "hanidec",
+  "deva",
+  "beng"
+];
+class ne {
+  /**
+  * Parses the given string to a number. Returns NaN if a valid number could not be parsed.
+  */
+  parse(e) {
+    return G(this.locale, this.options, e).parse(e);
+  }
+  /**
+  * 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(e, t, i) {
+    return G(this.locale, this.options, e).isValidPartialNumber(e, t, 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(e) {
+    return G(this.locale, this.options, e).options.numberingSystem;
+  }
+  constructor(e, t = {}) {
+    this.locale = e, this.options = t;
+  }
+}
+const X = /* @__PURE__ */ new Map();
+function G(r, e, t) {
+  let i = H(r, e);
+  if (!r.includes("-nu-") && !i.isValidPartialNumber(t)) {
+    for (let n of Fe) if (n !== i.options.numberingSystem) {
+      let a = H(r + (r.includes("-u-") ? "-nu-" : "-u-nu-") + n, e);
+      if (a.isValidPartialNumber(t)) return a;
+    }
+  }
+  return i;
+}
+function H(r, e) {
+  let t = r + (e ? Object.entries(e).sort((n, a) => n[0] < a[0] ? -1 : 1).join() : ""), i = X.get(t);
+  return i || (i = new Me(r, e), X.set(t, i)), i;
+}
+class Me {
+  parse(e) {
+    let t = this.sanitize(e);
+    if (this.symbols.group && (t = A(t, this.symbols.group, "")), this.symbols.decimal && (t = t.replace(this.symbols.decimal, ".")), this.symbols.minusSign && (t = t.replace(this.symbols.minusSign, "-")), t = t.replace(this.symbols.numeral, this.symbols.index), this.options.style === "percent") {
+      let l = t.indexOf("-");
+      t = t.replace("-", ""), t = t.replace("+", "");
+      let o = t.indexOf(".");
+      o === -1 && (o = t.length), t = t.replace(".", ""), o - 2 === 0 ? t = `0.${t}` : o - 2 === -1 ? t = `0.0${t}` : o - 2 === -2 ? t = "0.00" : t = `${t.slice(0, o - 2)}.${t.slice(o - 2)}`, l > -1 && (t = `-${t}`);
+    }
+    let i = t ? +t : NaN;
+    if (isNaN(i)) return NaN;
+    if (this.options.style === "percent") {
+      var n, a;
+      let l = {
+        ...this.options,
+        style: "decimal",
+        minimumFractionDigits: Math.min(((n = this.options.minimumFractionDigits) !== null && n !== void 0 ? n : 0) + 2, 20),
+        maximumFractionDigits: Math.min(((a = this.options.maximumFractionDigits) !== null && a !== void 0 ? a : 0) + 2, 20)
+      };
+      return new ne(this.locale, l).parse(new Y(this.locale, l).format(i));
+    }
+    return this.options.currencySign === "accounting" && Ee.test(e) && (i = -1 * i), i;
+  }
+  sanitize(e) {
+    return e = e.replace(this.symbols.literals, ""), this.symbols.minusSign && (e = e.replace("-", this.symbols.minusSign)), this.options.numberingSystem === "arab" && (this.symbols.decimal && (e = e.replace(",", this.symbols.decimal), e = e.replace("،", this.symbols.decimal)), this.symbols.group && (e = A(e, ".", this.symbols.group))), this.options.locale === "fr-FR" && this.symbols.group && (e = A(e, " ", this.symbols.group), e = A(e, /\u00A0/g, this.symbols.group)), e;
+  }
+  isValidPartialNumber(e, t = -1 / 0, i = 1 / 0) {
+    return e = this.sanitize(e), this.symbols.minusSign && e.startsWith(this.symbols.minusSign) && t < 0 ? e = e.slice(this.symbols.minusSign.length) : this.symbols.plusSign && e.startsWith(this.symbols.plusSign) && i > 0 && (e = e.slice(this.symbols.plusSign.length)), this.symbols.group && e.startsWith(this.symbols.group) || this.symbols.decimal && e.indexOf(this.symbols.decimal) > -1 && this.options.maximumFractionDigits === 0 ? !1 : (this.symbols.group && (e = A(e, this.symbols.group, "")), e = e.replace(this.symbols.numeral, ""), this.symbols.decimal && (e = e.replace(this.symbols.decimal, "")), e.length === 0);
+  }
+  constructor(e, t = {}) {
+    this.locale = e, t.roundingIncrement !== 1 && t.roundingIncrement != null && (t.maximumFractionDigits == null && t.minimumFractionDigits == null ? (t.maximumFractionDigits = 0, t.minimumFractionDigits = 0) : t.maximumFractionDigits == null ? t.maximumFractionDigits = t.minimumFractionDigits : t.minimumFractionDigits == null && (t.minimumFractionDigits = t.maximumFractionDigits)), this.formatter = new Intl.NumberFormat(e, t), this.options = this.formatter.resolvedOptions(), this.symbols = Re(e, this.formatter, this.options, t);
+    var i, n;
+    this.options.style === "percent" && (((i = this.options.minimumFractionDigits) !== null && i !== void 0 ? i : 0) > 18 || ((n = this.options.maximumFractionDigits) !== null && n !== void 0 ? n : 0) > 18) && console.warn("NumberParser cannot handle percentages with greater than 18 decimal places, please reduce the number in your options.");
+  }
+}
+const ee = /* @__PURE__ */ new Set([
+  "decimal",
+  "fraction",
+  "integer",
+  "minusSign",
+  "plusSign",
+  "group"
+]), Ie = [
+  0,
+  4,
+  2,
+  1,
+  11,
+  20,
+  3,
+  7,
+  100,
+  21,
+  0.1,
+  1.1
+];
+function Re(r, e, t, i) {
+  var n, a, l, o;
+  let m = new Intl.NumberFormat(r, {
+    ...t,
+    // Resets so we get the full range of symbols
+    minimumSignificantDigits: 1,
+    maximumSignificantDigits: 21,
+    roundingIncrement: 1,
+    roundingPriority: "auto",
+    roundingMode: "halfExpand"
+  }), N = m.formatToParts(-10000.111), b = m.formatToParts(10000.111), d = Ie.map((s) => m.formatToParts(s));
+  var h;
+  let g = (h = (n = N.find((s) => s.type === "minusSign")) === null || n === void 0 ? void 0 : n.value) !== null && h !== void 0 ? h : "-", f = (a = b.find((s) => s.type === "plusSign")) === null || a === void 0 ? void 0 : a.value;
+  !f && ((i == null ? void 0 : i.signDisplay) === "exceptZero" || (i == null ? void 0 : i.signDisplay) === "always") && (f = "+");
+  let S = (l = new Intl.NumberFormat(r, {
+    ...t,
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  }).formatToParts(1e-3).find((s) => s.type === "decimal")) === null || l === void 0 ? void 0 : l.value, D = (o = N.find((s) => s.type === "group")) === null || o === void 0 ? void 0 : o.value, x = N.filter((s) => !ee.has(s.type)).map((s) => te(s.value)), $ = d.flatMap((s) => s.filter((E) => !ee.has(E.type)).map((E) => te(E.value))), y = [
+    .../* @__PURE__ */ new Set([
+      ...x,
+      ...$
+    ])
+  ].sort((s, E) => E.length - s.length), c = y.length === 0 ? new RegExp("[\\p{White_Space}]", "gu") : new RegExp(`${y.join("|")}|[\\p{White_Space}]`, "gu"), P = [
+    ...new Intl.NumberFormat(t.locale, {
+      useGrouping: !1
+    }).format(9876543210)
+  ].reverse(), V = new Map(P.map((s, E) => [
+    s,
+    E
+  ])), I = new RegExp(`[${P.join("")}]`, "g");
+  return {
+    minusSign: g,
+    plusSign: f,
+    decimal: S,
+    group: D,
+    literals: c,
+    numeral: I,
+    index: (s) => String(V.get(s))
+  };
+}
+function A(r, e, t) {
+  return r.replaceAll ? r.replaceAll(e, t) : r.split(e).join(t);
+}
+function te(r) {
+  return r.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function Ce(r) {
+  let { minValue: e, maxValue: t, step: i, formatOptions: n, value: a, defaultValue: l = NaN, onChange: o, locale: m, isDisabled: N, isReadOnly: b } = r;
+  a === null && (a = NaN), a !== void 0 && !isNaN(a) && (i !== void 0 && !isNaN(i) ? a = F(a, e, t, i) : a = W(a, e, t)), isNaN(l) || (i !== void 0 && !isNaN(i) ? l = F(l, e, t, i) : l = W(l, e, t));
+  let [d, h] = Ne(a, isNaN(l) ? NaN : l, o), [g, f] = M(() => isNaN(d) ? "" : new Y(m, n).format(d)), p = w(() => new ne(m, n), [
+    m,
+    n
+  ]), S = w(() => p.getNumberingSystem(g), [
+    p,
+    g
+  ]), D = w(() => new Y(m, {
+    ...n,
+    numberingSystem: S
+  }), [
+    m,
+    n,
+    S
+  ]), x = w(() => D.resolvedOptions(), [
+    D
+  ]), $ = ge((u) => isNaN(u) || u === null ? "" : D.format(u), [
+    D
+  ]), y = Se({
+    ...r,
+    value: d
+  }), c = i !== void 0 && !isNaN(i) ? i : 1;
+  x.style === "percent" && (i === void 0 || isNaN(i)) && (c = 0.01);
+  let [P, V] = M(d), [I, R] = M(m), [s, E] = M(n);
+  (!Object.is(d, P) || m !== I || n !== s) && (f($(d)), V(d), R(m), E(n));
+  let v = w(() => p.parse(g), [
+    p,
+    g
+  ]), se = () => {
+    if (!g.length) {
+      h(NaN), f(a === void 0 ? "" : $(d));
+      return;
+    }
+    if (isNaN(v)) {
+      f($(d));
+      return;
+    }
+    let u;
+    i === void 0 || isNaN(i) ? u = W(v, e, t) : u = F(v, e, t, i), u = p.parse($(u)), h(u), f($(a === void 0 ? u : d));
+  }, k = (u, Q = 0) => {
+    let C = v;
+    if (isNaN(C)) {
+      let O = isNaN(Q) ? 0 : Q;
+      return F(O, e, t, c);
+    } else {
+      let O = F(C, e, t, c);
+      return u === "+" && O > C || u === "-" && O < C ? O : F(U(u, C, c), e, t, c);
+    }
+  }, le = () => {
+    let u = k("+", e);
+    u === d && f($(u)), h(u), y.commitValidation();
+  }, oe = () => {
+    let u = k("-", t);
+    u === d && f($(u)), h(u), y.commitValidation();
+  }, ue = () => {
+    t != null && (h(F(t, e, t, c)), y.commitValidation());
+  }, me = () => {
+    e != null && (h(e), y.commitValidation());
+  }, ce = w(() => !N && !b && (isNaN(v) || t === void 0 || isNaN(t) || F(v, e, t, c) > v || U("+", v, c) <= t), [
+    N,
+    b,
+    e,
+    t,
+    c,
+    v
+  ]), de = w(() => !N && !b && (isNaN(v) || e === void 0 || isNaN(e) || F(v, e, t, c) < v || U("-", v, c) >= e), [
+    N,
+    b,
+    e,
+    t,
+    c,
+    v
+  ]);
+  return {
+    ...y,
+    validate: (u) => p.isValidPartialNumber(u, e, t),
+    increment: le,
+    incrementToMax: ue,
+    decrement: oe,
+    decrementToMin: me,
+    canIncrement: ce,
+    canDecrement: de,
+    minValue: e,
+    maxValue: t,
+    numberValue: v,
+    setNumberValue: h,
+    setInputValue: f,
+    inputValue: g,
+    commit: se
+  };
+}
+function U(r, e, t) {
+  let i = r === "+" ? e + t : e - t;
+  if (e % 1 !== 0 || t % 1 !== 0) {
+    const n = e.toString().split("."), a = t.toString().split("."), l = n[1] && n[1].length || 0, o = a[1] && a[1].length || 0, m = Math.pow(10, Math.max(l, o));
+    e = Math.round(e * m), t = Math.round(t * m), i = r === "+" ? e + t : e - t, i /= m;
+  }
+  return i;
+}
+const _e = $e(
+  ({
+    placeholder: r,
+    variant: e,
+    disabled: t,
+    type: i,
+    readOnly: n,
+    leftAdornments: a,
+    rightAdornments: l,
+    leftAdornmentsProps: o,
+    rightAdornmentsProps: m,
+    leftAdornmentsWidth: N,
+    rightAdornmentsWidth: b,
+    className: d,
+    style: h,
+    label: g,
+    value: f,
+    ...p
+  }, S) => {
+    const x = Ce({
+      ...p,
+      label: g,
+      value: f,
+      onChange: (c) => {
+        p.onChange && p.onChange(c);
+      },
+      locale: "nb-NO"
+    }), $ = Z(null), { inputProps: y } = ye(
+      {
+        ...p,
+        label: g,
+        value: f
+      },
+      x,
+      $
+    );
+    return /* @__PURE__ */ fe(
+      ve,
+      {
+        placeholder: r,
+        variant: e,
+        disabled: t,
+        type: i,
+        readOnly: n,
+        leftAdornments: a,
+        rightAdornments: l,
+        leftAdornmentsProps: o,
+        rightAdornmentsProps: m,
+        leftAdornmentsWidth: N,
+        rightAdornmentsWidth: b,
+        className: d,
+        style: h,
+        "data-testid": `number-field-${g}`,
+        ...y,
+        onKeyDown: (c) => {
+          var P;
+          if (c.key === ".") {
+            c.preventDefault();
+            const V = c.target;
+            if ((P = V.value) != null && P.includes(",")) return;
+            const I = V.selectionStart || 0, R = V.selectionEnd || 0;
+            V.value = V.value.substring(0, I) + "," + V.value.substring(R);
+          }
+        },
+        ref: S,
+        "aria-label": g
+      }
+    );
+  }
+);
+export {
+  _e as NumberField
+};

package/package.json

@@ -1,11 +1,16 @@
 {
   "name": "@equinor/roma-ui",
-  "version": "0.1.2",
+  "version": "0.2.1",
   "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/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"),u=require("react"),c=require("@equinor/eds-tokens"),y=require("@equinor/eds-core-react"),C=require("./useControlledState-D0L6S_5r.js");function _(t={}){let{isReadOnly:e}=t,[i,l]=C.$458b0a5536c1a7cf$export$40bfa8c7b0832715(t.isSelected,t.defaultSelected||!1,t.onChange);function d(h){e||l(h)}function f(){e||l(!i)}return{isSelected:i,setSelected:d,toggle:f}}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 k(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),l=u.useRef(null),{inputProps:d}=o.useSwitch(e,i,l),{isFocusVisible:f,focusProps:h}=o.useFocusRing(),{isHovered:x,hoverProps:S}=o.useHover({isDisabled:!1}),{density:b}=y.useEds(),n=b==="compact",r=u.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,v=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,...h,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:v,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"}}),f&&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=k;

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 $
+};