@oliasoft-open-source/react-ui-library 4.8.0-beta-6 → 4.8.0

package/dist/storybook/assets/{number-input-CEoWDcRg.js → number-input-Ct8VwJX0.js}

@@ -1,4 +1,4 @@
-import{j as z}from"./jsx-runtime-eps93zm2.js";import{r as s}from"./index-DhsZuJvc.js";import{d as y}from"./index-C0x1JmaP.js";import{l as G}from"./lodash-c4VUpsOs.js";import{I as J}from"./input-DTXbDJaL.js";const K=a=>a?typeof a=="string"?a:G.isArray(a)?a[0]:a.fieldName:"",Q=({name:a,placeholder:E="",disabled:V=!1,error:v=!1,left:N=!1,small:I=!1,width:F="100%",value:l="",onChange:h=()=>{},onFocus:L=()=>{},onBlur:S=()=>{},tabIndex:x=0,testId:k,tooltip:j=null,warning:M=!1,validationCallback:u=()=>{},allowEmpty:R=!1,isInTable:H,groupOrder:A,enableDisplayRounding:T=!1,roundDisplayValue:b,disableInternalErrorValidationMessages:U=!1})=>{const r=s.useRef(null),[i,f]=s.useState(l),[C,o]=s.useState(null),[g,w]=s.useState(!1),t=K(a),q=e=>{let n=y.validateNumber(e);return R&&e===""||n.valid?{...n,valid:!0,errors:void 0}:n};s.useEffect(()=>{const{valid:e,errors:n}=q(l);if(f(l),e)o(null),u(t,null);else{const m=n&&n.length?n[0]:null;o(m),u(t,m)}},[l,v]);const B=e=>{const n=e.target,{value:m}=n,d=y.cleanNumStr(m.replaceAll(" ","").replaceAll("|","")),{valid:_,errors:c}=q(d);if(_){const p={...e,target:{...e.target,value:d,name:t}};h(p),f(d),o(null),u(t,null)}else{f(d);const p=c&&c.length?c[0]:null;o(p),u(t,p)}};s.useEffect(()=>{if(r&&(r!=null&&r.current)&&T&&g){const e=r.current;e&&setTimeout(()=>{const{length:n}=String(i);e.setSelectionRange(n,n)},0)}},[g]);const D=e=>{w(!0),L(e)},O=e=>{w(!1),S(e)},P=!g&&T?b?b(i):y.roundToFixed(i,2):i;return z.jsx(J,{type:"text",name:t,testId:k,disabled:V,placeholder:E,value:P,onChange:B,onFocus:D,onBlur:O,error:v||C,warning:M,right:!N,small:I,width:F,isInTable:H,groupOrder:A,tabIndex:x,tooltip:j,ref:r},t)};Q.__docgenInfo={description:"",methods:[],displayName:"NumberInput",props:{name:{required:!1,tsType:{name:"union",raw:"string | { fieldName: string }",elements:[{name:"string"},{name:"signature",type:"object",raw:"{ fieldName: string }",signature:{properties:[{key:"fieldName",value:{name:"string",required:!0}}]}}]},description:""},placeholder:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},error:{required:!1,tsType:{name:"union",raw:"string | boolean",elements:[{name:"string"},{name:"boolean"}]},description:"",defaultValue:{value:"false",computed:!1}},left:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},width:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'100%'",computed:!1}},value:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"''",computed:!1}},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
+import{j as z}from"./jsx-runtime-eps93zm2.js";import{r as s}from"./index-DhsZuJvc.js";import{d as y}from"./index-DaLCDjg_.js";import{l as G}from"./lodash-c4VUpsOs.js";import{I as J}from"./input-DTXbDJaL.js";const K=t=>t?typeof t=="string"?t:G.isArray(t)?t[0]:t.fieldName:"",Q=({name:t,placeholder:E="",disabled:N=!1,error:v=!1,left:V=!1,small:I=!1,width:F="100%",value:l="",onChange:h=()=>{},onFocus:L=()=>{},onBlur:S=()=>{},tabIndex:x=0,testId:k,tooltip:j=null,warning:R=!1,validationCallback:u=()=>{},allowEmpty:H=!1,isInTable:M,groupOrder:A,enableDisplayRounding:T=!1,roundDisplayValue:b})=>{const r=s.useRef(null),[i,f]=s.useState(l),[C,o]=s.useState(null),[g,w]=s.useState(!1),a=K(t),q=e=>{let n=y.validateNumber(e);return H&&e===""||n.valid?{...n,valid:!0,errors:void 0}:n};s.useEffect(()=>{const{valid:e,errors:n}=q(l);if(f(l),e)o(null),u(a,null);else{const m=n&&n.length?n[0]:null;o(m),u(a,m)}},[l,v]);const B=e=>{const n=e.target,{value:m}=n,d=y.cleanNumStr(m.replaceAll(" ","").replaceAll("|","")),{valid:_,errors:c}=q(d);if(_){const p={...e,target:{...e.target,value:d,name:a}};h(p),f(d),o(null),u(a,null)}else{f(d);const p=c&&c.length?c[0]:null;o(p),u(a,p)}};s.useEffect(()=>{if(r&&(r!=null&&r.current)&&T&&g){const e=r.current;e&&setTimeout(()=>{const{length:n}=String(i);e.setSelectionRange(n,n)},0)}},[g]);const D=e=>{w(!0),L(e)},O=e=>{w(!1),S(e)},P=!g&&T?b?b(i):y.roundToFixed(i,2):i;return z.jsx(J,{type:"text",name:a,testId:k,disabled:N,placeholder:E,value:P,onChange:B,onFocus:D,onBlur:O,error:v||C,warning:R,right:!V,small:I,width:F,isInTable:M,groupOrder:A,tabIndex:x,tooltip:j,ref:r},a)};Q.__docgenInfo={description:"",methods:[],displayName:"NumberInput",props:{name:{required:!1,tsType:{name:"union",raw:"string | { fieldName: string }",elements:[{name:"string"},{name:"signature",type:"object",raw:"{ fieldName: string }",signature:{properties:[{key:"fieldName",value:{name:"string",required:!0}}]}}]},description:""},placeholder:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},error:{required:!1,tsType:{name:"union",raw:"string | boolean",elements:[{name:"string"},{name:"boolean"}]},description:"",defaultValue:{value:"false",computed:!1}},left:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},width:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'100%'",computed:!1}},value:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"''",computed:!1}},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
   event: TChangeEvent<T>,
   ...additionalProps: { [key: string]: any }[]
 ) => void`,signature:{arguments:[{type:{name:"intersection",raw:`ChangeEvent<T> & {
@@ -13,4 +13,4 @@ import{j as z}from"./jsx-runtime-eps93zm2.js";import{r as s}from"./index-DhsZuJv
 | { name: string; value: any; label?: string; files?: FileList | null }`,elements:[{name:"T"},{name:"signature",type:"object",raw:"{ name: string; value: any; label?: string; files?: FileList | null }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"value",value:{name:"any",required:!0}},{key:"label",value:{name:"string",required:!1}},{key:"files",value:{name:"union",raw:"FileList | null",elements:[{name:"FileList"},{name:"null"}],required:!1}}]}}],required:!0}}]}}]},name:"event"},{type:{name:"Array",elements:[{name:"signature",type:"object",raw:"{ [key: string]: any }",signature:{properties:[{key:{name:"string"},value:{name:"any",required:!0}}]}}],raw:"{ [key: string]: any }[]"},name:"additionalProps",rest:!0}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: FocusEvent<HTMLInputElement>) => void",signature:{arguments:[{type:{name:"FocusEvent",elements:[{name:"HTMLInputElement"}],raw:"FocusEvent<HTMLInputElement>"},name:"evt"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: FocusEvent<HTMLInputElement>) => void",signature:{arguments:[{type:{name:"FocusEvent",elements:[{name:"HTMLInputElement"}],raw:"FocusEvent<HTMLInputElement>"},name:"evt"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},tabIndex:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},testId:{required:!1,tsType:{name:"string"},description:""},tooltip:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"}]},description:"",defaultValue:{value:"null",computed:!1}},warning:{required:!1,tsType:{name:"union",raw:"string | boolean",elements:[{name:"string"},{name:"boolean"}]},description:"",defaultValue:{value:"false",computed:!1}},validationCallback:{required:!1,tsType:{name:"signature",type:"function",raw:`(
   name: string | { fieldName: string },
   error: string | null,
-) => void`,signature:{arguments:[{type:{name:"union",raw:"string | { fieldName: string }",elements:[{name:"string"},{name:"signature",type:"object",raw:"{ fieldName: string }",signature:{properties:[{key:"fieldName",value:{name:"string",required:!0}}]}}]},name:"name"},{type:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},name:"error"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},allowEmpty:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},isInTable:{required:!1,tsType:{name:"boolean"},description:""},groupOrder:{required:!1,tsType:{name:"any"},description:""},enableDisplayRounding:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},roundDisplayValue:{required:!1,tsType:{name:"signature",type:"function",raw:"(args: TStringNumberNull) => TStringNumberNull",signature:{arguments:[{type:{name:"union",raw:"string | number | null",elements:[{name:"string"},{name:"number"},{name:"null"}]},name:"args"}],return:{name:"union",raw:"string | number | null",elements:[{name:"string"},{name:"number"},{name:"null"}]}}},description:""},disableInternalErrorValidationMessages:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}}}};export{Q as N};
+) => void`,signature:{arguments:[{type:{name:"union",raw:"string | { fieldName: string }",elements:[{name:"string"},{name:"signature",type:"object",raw:"{ fieldName: string }",signature:{properties:[{key:"fieldName",value:{name:"string",required:!0}}]}}]},name:"name"},{type:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},name:"error"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},allowEmpty:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},isInTable:{required:!1,tsType:{name:"boolean"},description:""},groupOrder:{required:!1,tsType:{name:"any"},description:""},enableDisplayRounding:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},roundDisplayValue:{required:!1,tsType:{name:"signature",type:"function",raw:"(args: TStringNumberNull) => TStringNumberNull",signature:{arguments:[{type:{name:"union",raw:"string | number | null",elements:[{name:"string"},{name:"number"},{name:"null"}]},name:"args"}],return:{name:"union",raw:"string | number | null",elements:[{name:"string"},{name:"number"},{name:"null"}]}}},description:""}}};export{Q as N};

package/dist/storybook/assets/{number-input.stories-UJVpFqsh.js → number-input.stories-lRKm6_tZ.js}

@@ -1,4 +1,4 @@
-import{j as l}from"./jsx-runtime-eps93zm2.js";import{r as f}from"./index-DhsZuJvc.js";import{w as D,u as t,e as s,f as ye,a as we}from"./index-DMAnyMX5.js";import{d as Ce}from"./index-C0x1JmaP.js";import{N as p}from"./number-input-CEoWDcRg.js";import{I as be}from"./input-group-BaRSJAEN.js";import{I as Te}from"./input-group-addon-D68iUKV2.js";import{S as Ae}from"./select-V2ZNp3Pv.js";import"./index-CF7H4eMJ.js";import"./index-DRSy5Ssd.js";import"./lodash-c4VUpsOs.js";import"./input-DTXbDJaL.js";import"./index-Bk2sglWO.js";import"./disabled-context-rmpd7YJS.js";import"./types-Dx2TtIG9.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./common-types-Sih75Sav.js";import"./index-CEuq6vkz.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-D-uVCDzk.js";import"./button-DHevvVBE.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./badge-CLQ59MDF.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";const{useArgs:De}=__STORYBOOK_MODULE_PREVIEW_API__,na={title:"Forms/NumberInput",component:p,parameters:{canvas:{page:null}},args:{label:"Label"}},o=a=>{const[r,e]=De(),u=n=>{e({value:n.target.value})};return l.jsx(p,{onChange:u,value:123,...a})},B=o.bind({}),g=o.bind({});g.args={small:!0};const m=o.bind({});m.args={width:"150px"};const v=o.bind({});v.args={left:!0};const h=o.bind({});h.args={disabled:!0};const I=o.bind({});I.args={allowEmpty:!0,value:""};const i=()=>{const[a,r]=f.useState("123|m");return l.jsx(p,{name:"example",onChange:e=>r(e.target.value),placeholder:"Type a value...",value:a,testId:"testId"})};i.play=async({canvasElement:a,step:r})=>{const e=D(a),u=D(a.ownerDocument.body);await r("Shows validation error for non-numeric input",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"123x45s6"),await t.click(a),await s(e.getByDisplayValue("123x45s6")).toBeInTheDocument(),await ye.mouseOver(n),await we(()=>{s(u.getByText("Must be a numerical value")).toBeInTheDocument()})})};const y=o.bind({});y.args={warning:"This input number is almost 100!",value:"99"};const w=o.bind({});w.args={error:"This is a error message"};const C=o.bind({});C.args={value:"123test"};const b=o.bind({});b.args={value:"123.123456789",enableDisplayRounding:!0};const T=o.bind({});T.args={value:"123.123456789",enableDisplayRounding:!0,roundDisplayValue:a=>Ce.roundToFixed(a,4)};const A=()=>l.jsxs(be,{small:!0,children:[l.jsx(p,{value:123}),l.jsx(Te,{children:"to"}),l.jsx(p,{value:123}),l.jsx(Ae,{options:[{value:"units",label:"units"}],width:"auto",value:"units"})]}),c=()=>{const[a,r]=f.useState("123");return l.jsx(p,{value:a,onChange:e=>{r(e.target.value)},testId:"testId",enableDisplayRounding:!0})};c.play=async({canvasElement:a,step:r})=>{const e=D(a);await r("Value should be rounded on blur",async()=>{const u=e.getByTestId("testId");await t.clear(u),await t.type(u,"123.123456789"),await t.click(a),await s(e.getByDisplayValue("123.12")).toBeInTheDocument()}),await r("Full value shown on focus",async()=>{const u=e.getByTestId("testId");await t.click(u),await s(e.getByDisplayValue("123.123456789")).toBeInTheDocument()})};const d=()=>{const[a,r]=f.useState("123");return l.jsx(p,{value:a,onChange:e=>{r(e.target.value)},testId:"testId"})};d.play=async({canvasElement:a,step:r})=>{const e=D(a),u=D(a.ownerDocument.body);await r("Can enter decimal values",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"123.123456789"),await t.click(a),await s(e.getByDisplayValue("123.123456789")).toBeInTheDocument()}),await r("Can enter scientific notation",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"-1.12e3"),await t.click(a),await s(e.getByDisplayValue("-1.12e3")).toBeInTheDocument()}),await r("Can enter comma decimals (converts to dot)",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"123,456"),await t.click(a),await s(e.getByDisplayValue("123.456")).toBeInTheDocument()}),await r("Can enter small numbers",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"0.0000000023"),await t.click(a),await s(e.getByDisplayValue("0.0000000023")).toBeInTheDocument()}),await r("Can enter large numbers",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"999999999999"),await t.click(a),await s(e.getByDisplayValue("999999999999")).toBeInTheDocument()}),await r("Shows validation error for non-numeric input",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"123x45s6"),await t.click(a),await s(e.getByDisplayValue("123x45s6")).toBeInTheDocument(),await ye.mouseOver(n),await we(()=>{s(u.getByText("Must be a numerical value")).toBeInTheDocument()})})};i.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"Placeholder"};A.__docgenInfo={description:"",methods:[],displayName:"TestInputGroup"};c.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"TestDisplayRounding"};d.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"TestUserInput"};var _,S,E;B.parameters={...B.parameters,docs:{...(_=B.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
+import{j as l}from"./jsx-runtime-eps93zm2.js";import{r as f}from"./index-DhsZuJvc.js";import{w as D,u as t,e as s,f as ye,a as we}from"./index-DMAnyMX5.js";import{d as Ce}from"./index-DaLCDjg_.js";import{N as p}from"./number-input-Ct8VwJX0.js";import{I as be}from"./input-group-BaRSJAEN.js";import{I as Te}from"./input-group-addon-D68iUKV2.js";import{S as Ae}from"./select-V2ZNp3Pv.js";import"./index-CF7H4eMJ.js";import"./index-DRSy5Ssd.js";import"./lodash-c4VUpsOs.js";import"./input-DTXbDJaL.js";import"./index-Bk2sglWO.js";import"./disabled-context-rmpd7YJS.js";import"./types-Dx2TtIG9.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./common-types-Sih75Sav.js";import"./index-CEuq6vkz.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-D-uVCDzk.js";import"./button-DHevvVBE.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./badge-CLQ59MDF.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";const{useArgs:De}=__STORYBOOK_MODULE_PREVIEW_API__,na={title:"Forms/NumberInput",component:p,parameters:{canvas:{page:null}},args:{label:"Label"}},o=a=>{const[r,e]=De(),u=n=>{e({value:n.target.value})};return l.jsx(p,{onChange:u,value:123,...a})},B=o.bind({}),g=o.bind({});g.args={small:!0};const m=o.bind({});m.args={width:"150px"};const v=o.bind({});v.args={left:!0};const h=o.bind({});h.args={disabled:!0};const I=o.bind({});I.args={allowEmpty:!0,value:""};const i=()=>{const[a,r]=f.useState("123|m");return l.jsx(p,{name:"example",onChange:e=>r(e.target.value),placeholder:"Type a value...",value:a,testId:"testId"})};i.play=async({canvasElement:a,step:r})=>{const e=D(a),u=D(a.ownerDocument.body);await r("Shows validation error for non-numeric input",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"123x45s6"),await t.click(a),await s(e.getByDisplayValue("123x45s6")).toBeInTheDocument(),await ye.mouseOver(n),await we(()=>{s(u.getByText("Must be a numerical value")).toBeInTheDocument()})})};const y=o.bind({});y.args={warning:"This input number is almost 100!",value:"99"};const w=o.bind({});w.args={error:"This is a error message"};const C=o.bind({});C.args={value:"123test"};const b=o.bind({});b.args={value:"123.123456789",enableDisplayRounding:!0};const T=o.bind({});T.args={value:"123.123456789",enableDisplayRounding:!0,roundDisplayValue:a=>Ce.roundToFixed(a,4)};const A=()=>l.jsxs(be,{small:!0,children:[l.jsx(p,{value:123}),l.jsx(Te,{children:"to"}),l.jsx(p,{value:123}),l.jsx(Ae,{options:[{value:"units",label:"units"}],width:"auto",value:"units"})]}),c=()=>{const[a,r]=f.useState("123");return l.jsx(p,{value:a,onChange:e=>{r(e.target.value)},testId:"testId",enableDisplayRounding:!0})};c.play=async({canvasElement:a,step:r})=>{const e=D(a);await r("Value should be rounded on blur",async()=>{const u=e.getByTestId("testId");await t.clear(u),await t.type(u,"123.123456789"),await t.click(a),await s(e.getByDisplayValue("123.12")).toBeInTheDocument()}),await r("Full value shown on focus",async()=>{const u=e.getByTestId("testId");await t.click(u),await s(e.getByDisplayValue("123.123456789")).toBeInTheDocument()})};const d=()=>{const[a,r]=f.useState("123");return l.jsx(p,{value:a,onChange:e=>{r(e.target.value)},testId:"testId"})};d.play=async({canvasElement:a,step:r})=>{const e=D(a),u=D(a.ownerDocument.body);await r("Can enter decimal values",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"123.123456789"),await t.click(a),await s(e.getByDisplayValue("123.123456789")).toBeInTheDocument()}),await r("Can enter scientific notation",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"-1.12e3"),await t.click(a),await s(e.getByDisplayValue("-1.12e3")).toBeInTheDocument()}),await r("Can enter comma decimals (converts to dot)",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"123,456"),await t.click(a),await s(e.getByDisplayValue("123.456")).toBeInTheDocument()}),await r("Can enter small numbers",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"0.0000000023"),await t.click(a),await s(e.getByDisplayValue("0.0000000023")).toBeInTheDocument()}),await r("Can enter large numbers",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"999999999999"),await t.click(a),await s(e.getByDisplayValue("999999999999")).toBeInTheDocument()}),await r("Shows validation error for non-numeric input",async()=>{const n=e.getByTestId("testId");await t.clear(n),await t.type(n,"123x45s6"),await t.click(a),await s(e.getByDisplayValue("123x45s6")).toBeInTheDocument(),await ye.mouseOver(n),await we(()=>{s(u.getByText("Must be a numerical value")).toBeInTheDocument()})})};i.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"Placeholder"};A.__docgenInfo={description:"",methods:[],displayName:"TestInputGroup"};c.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"TestDisplayRounding"};d.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"TestUserInput"};var _,S,E;B.parameters={...B.parameters,docs:{...(_=B.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
   const [_, updateArgs] = useArgs();
   const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
     updateArgs({

package/dist/storybook/assets/{padding-and-spacing-D6XbiS3K.js → padding-and-spacing-Cr5c7WxM.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as r}from"./index-BcNHZKhG.js";import{Z as t}from"./index-DugqEjCI.js";import"./index-DhsZuJvc.js";import"./iframe-BGmrP0sW.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";function i(s){const n={code:"code",h1:"h1",h2:"h2",li:"li",p:"p",strong:"strong",ul:"ul",...r(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(t,{title:"Padding, Margin & Size"}),`
+import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as r}from"./index-BcNHZKhG.js";import{Y as t}from"./index-DLsIgQne.js";import"./index-DhsZuJvc.js";import"./iframe-aT7NCuic.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";function i(s){const n={code:"code",h1:"h1",h2:"h2",li:"li",p:"p",strong:"strong",ul:"ul",...r(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(t,{title:"Padding, Margin & Size"}),`
 `,e.jsx(n.h1,{id:"padding-margin--size",children:"Padding, Margin & Size"}),`
 `,e.jsx(n.h2,{id:"padding--margin",children:"Padding & Margin"}),`
 `,e.jsx(n.p,{children:"There are standard CSS spacing variables for padding and margin."}),`

package/dist/storybook/assets/{preview-C0zm9b3L.js → preview-B_VD4s7b.js}

@@ -1,3 +1,3 @@
-import{j as s}from"./jsx-runtime-eps93zm2.js";import{r as P,R as C}from"./index-DhsZuJvc.js";import{T as I}from"./toaster-7wnI6hqB.js";import"./message-Y48EomV-.js";import{a4 as d,a5 as M}from"./index-DugqEjCI.js";import{e as _}from"./index-DRSy5Ssd.js";import"./chunk-HLWAVYOI-DrFFqdeg.js";import"./index-CUZDtIZe.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./iframe-BGmrP0sW.js";import"../sb-preview/runtime.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./react-16-DXAfArL2.js";var v="DARK_MODE";function f(r){"@babel/helpers - typeof";return f=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},f(r)}var b;function A(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(r,a).enumerable})),e.push.apply(e,n)}return e}function k(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?A(Object(e),!0).forEach(function(n){R(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):A(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function R(r,t,e){return t=x(t),t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function x(r){var t=K(r,"string");return f(t)==="symbol"?t:String(t)}function K(r,t){if(f(r)!=="object"||r===null)return r;var e=r[Symbol.toPrimitive];if(e!==void 0){var n=e.call(r,t||"default");if(f(n)!=="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(r)}function p(r){return B(r)||U(r)||L(r)||N()}function N(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function L(r,t){if(r){if(typeof r=="string")return h(r,t);var e=Object.prototype.toString.call(r).slice(8,-1);if(e==="Object"&&r.constructor&&(e=r.constructor.name),e==="Map"||e==="Set")return Array.from(r);if(e==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return h(r,t)}}function U(r){if(typeof Symbol<"u"&&r[Symbol.iterator]!=null||r["@@iterator"]!=null)return Array.from(r)}function B(r){if(Array.isArray(r))return h(r)}function h(r,t){(t==null||t>r.length)&&(t=r.length);for(var e=0,n=new Array(t);e<t;e++)n[e]=r[e];return n}const{global:Y}=__STORYBOOK_MODULE_GLOBAL__;__STORYBOOK_MODULE_CORE_EVENTS__;var T=Y,$=T.document,g=T.window,j="sb-addon-themes-3";(b=g.matchMedia)===null||b===void 0||b.call(g,"(prefers-color-scheme: dark)");var O={classTarget:"body",dark:d.dark,darkClass:["dark"],light:d.light,lightClass:["light"],stylePreview:!1,userHasExplicitlySetTheTheme:!1},E=function(t){g.localStorage.setItem(j,JSON.stringify(t))},H=function(t,e){var n=e.current,a=e.darkClass,l=a===void 0?O.darkClass:a,o=e.lightClass,i=o===void 0?O.lightClass:o;if(n==="dark"){var u,c;(u=t.classList).remove.apply(u,p(y(i))),(c=t.classList).add.apply(c,p(y(l)))}else{var m,S;(m=t.classList).remove.apply(m,p(y(l))),(S=t.classList).add.apply(S,p(y(i)))}},y=function(t){var e=[];return e.concat(t).map(function(n){return n})},V=function(t){var e=$.querySelector(t.classTarget);e&&H(e,t)},D=function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},e=g.localStorage.getItem(j);if(typeof e=="string"){var n=JSON.parse(e);return t&&(t.dark&&!_(n.dark,t.dark)&&(n.dark=t.dark,E(n)),t.light&&!_(n.light,t.light)&&(n.light=t.light,E(n))),n}return k(k({},O),t)};V(D());function W(r,t){return F(r)||J(r,t)||G(r,t)||q()}function q(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+import{j as s}from"./jsx-runtime-eps93zm2.js";import{r as P,R as C}from"./index-DhsZuJvc.js";import{T as I}from"./toaster-7wnI6hqB.js";import"./message-Y48EomV-.js";import{a4 as d,a5 as M}from"./index-DLsIgQne.js";import{e as _}from"./index-DRSy5Ssd.js";import"./chunk-HLWAVYOI-DQmzN82L.js";import"./index-CUZDtIZe.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./iframe-aT7NCuic.js";import"../sb-preview/runtime.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./react-16-DXAfArL2.js";var v="DARK_MODE";function f(r){"@babel/helpers - typeof";return f=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},f(r)}var b;function k(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(r,a).enumerable})),e.push.apply(e,n)}return e}function A(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?k(Object(e),!0).forEach(function(n){R(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):k(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function R(r,t,e){return t=x(t),t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function x(r){var t=K(r,"string");return f(t)==="symbol"?t:String(t)}function K(r,t){if(f(r)!=="object"||r===null)return r;var e=r[Symbol.toPrimitive];if(e!==void 0){var n=e.call(r,t||"default");if(f(n)!=="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(r)}function p(r){return B(r)||U(r)||N(r)||L()}function L(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function N(r,t){if(r){if(typeof r=="string")return h(r,t);var e=Object.prototype.toString.call(r).slice(8,-1);if(e==="Object"&&r.constructor&&(e=r.constructor.name),e==="Map"||e==="Set")return Array.from(r);if(e==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return h(r,t)}}function U(r){if(typeof Symbol<"u"&&r[Symbol.iterator]!=null||r["@@iterator"]!=null)return Array.from(r)}function B(r){if(Array.isArray(r))return h(r)}function h(r,t){(t==null||t>r.length)&&(t=r.length);for(var e=0,n=new Array(t);e<t;e++)n[e]=r[e];return n}const{global:Y}=__STORYBOOK_MODULE_GLOBAL__;__STORYBOOK_MODULE_CORE_EVENTS__;var T=Y,$=T.document,g=T.window,j="sb-addon-themes-3";(b=g.matchMedia)===null||b===void 0||b.call(g,"(prefers-color-scheme: dark)");var O={classTarget:"body",dark:d.dark,darkClass:["dark"],light:d.light,lightClass:["light"],stylePreview:!1,userHasExplicitlySetTheTheme:!1},E=function(t){g.localStorage.setItem(j,JSON.stringify(t))},H=function(t,e){var n=e.current,a=e.darkClass,l=a===void 0?O.darkClass:a,o=e.lightClass,i=o===void 0?O.lightClass:o;if(n==="dark"){var u,c;(u=t.classList).remove.apply(u,p(y(i))),(c=t.classList).add.apply(c,p(y(l)))}else{var m,S;(m=t.classList).remove.apply(m,p(y(l))),(S=t.classList).add.apply(S,p(y(i)))}},y=function(t){var e=[];return e.concat(t).map(function(n){return n})},V=function(t){var e=$.querySelector(t.classTarget);e&&H(e,t)},D=function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},e=g.localStorage.getItem(j);if(typeof e=="string"){var n=JSON.parse(e);return t&&(t.dark&&!_(n.dark,t.dark)&&(n.dark=t.dark,E(n)),t.light&&!_(n.light,t.light)&&(n.light=t.light,E(n))),n}return A(A({},O),t)};V(D());function W(r,t){return F(r)||J(r,t)||G(r,t)||q()}function q(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function G(r,t){if(r){if(typeof r=="string")return w(r,t);var e=Object.prototype.toString.call(r).slice(8,-1);if(e==="Object"&&r.constructor&&(e=r.constructor.name),e==="Map"||e==="Set")return Array.from(r);if(e==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return w(r,t)}}function w(r,t){(t==null||t>r.length)&&(t=r.length);for(var e=0,n=new Array(t);e<t;e++)n[e]=r[e];return n}function J(r,t){var e=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(e!=null){var n,a,l,o,i=[],u=!0,c=!1;try{if(l=(e=e.call(r)).next,t!==0)for(;!(u=(n=l.call(e)).done)&&(i.push(n.value),i.length!==t);u=!0);}catch(m){c=!0,a=m}finally{try{if(!u&&e.return!=null&&(o=e.return(),Object(o)!==o))return}finally{if(c)throw a}}return i}}function F(r){if(Array.isArray(r))return r}const{addons:z,useState:Q,useEffect:X}=__STORYBOOK_MODULE_PREVIEW_API__;function Z(){var r=Q(D().current==="dark"),t=W(r,2),e=t[0],n=t[1];return X(function(){var a=z.getChannel();return a.on(v,n),function(){return a.off(v,n)}},[]),e}const Or=[r=>s.jsxs(s.Fragment,{children:[s.jsx(r,{}),s.jsx(I,{})]}),r=>{const t=Z();return P.useEffect(()=>document.documentElement.dataset.theme=t?"dark":"default",[t]),s.jsx(r,{})}],Sr={docs:{container:r=>{const[t,e]=C.useState(!1);r.context.channel.on(v,a=>e(a));const n={...r};return n.theme=t?d.dark:d.light,s.jsx(M,{...n})}},darkMode:{current:"light",stylePreview:!0}},_r=["autodocs"];export{Or as decorators,Sr as parameters,_r as tags};

package/dist/storybook/assets/{preview-DGngQ_J0.js → preview-t_Zs3gQw.js}

@@ -1,2 +1,2 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DocsRenderer-PKQXORMH-C57lSAQP.js","./chunk-HLWAVYOI-DrFFqdeg.js","./iframe-BGmrP0sW.js","./index-DhsZuJvc.js","./react-16-DXAfArL2.js","./index-CUZDtIZe.js","./index-DugqEjCI.js","./inheritsLoose-DP0QEDDI.js","./assertThisInitialized-B9jnkVVz.js","./index-D6rZ4wEC.js"])))=>i.map(i=>d[i]);
-import{_ as a}from"./iframe-BGmrP0sW.js";import"../sb-preview/runtime.js";const{global:s}=__STORYBOOK_MODULE_GLOBAL__;var _=Object.entries(s.TAGS_OPTIONS??{}).reduce((e,r)=>{let[t,o]=r;return o.excludeFromDocsStories&&(e[t]=!0),e},{}),d={docs:{renderer:async()=>{let{DocsRenderer:e}=await a(()=>import("./DocsRenderer-PKQXORMH-C57lSAQP.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>_[t]).length===0&&!((r=e.parameters.docs)!=null&&r.disable)}}}};export{d as parameters};
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DocsRenderer-PKQXORMH-Cq_uPi34.js","./chunk-HLWAVYOI-DQmzN82L.js","./iframe-aT7NCuic.js","./index-DhsZuJvc.js","./react-16-DXAfArL2.js","./index-CUZDtIZe.js","./index-DLsIgQne.js","./inheritsLoose-DP0QEDDI.js","./assertThisInitialized-B9jnkVVz.js","./index-D6rZ4wEC.js"])))=>i.map(i=>d[i]);
+import{_ as a}from"./iframe-aT7NCuic.js";import"../sb-preview/runtime.js";const{global:s}=__STORYBOOK_MODULE_GLOBAL__;var _=Object.entries(s.TAGS_OPTIONS??{}).reduce((e,r)=>{let[t,o]=r;return o.excludeFromDocsStories&&(e[t]=!0),e},{}),d={docs:{renderer:async()=>{let{DocsRenderer:e}=await a(()=>import("./DocsRenderer-PKQXORMH-Cq_uPi34.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>_[t]).length===0&&!((r=e.parameters.docs)!=null&&r.disable)}}}};export{d as parameters};