@oliasoft-open-source/react-ui-library 4.13.0-beta-1 → 4.13.0-beta-3

package/dist/storybook/assets/number-input.stories-epjUq9ve.js

@@ -1,89 +0,0 @@
-import{j as Q}from"./jsx-runtime-eps93zm2.js";import{d as X}from"./index-C0x1JmaP.js";import{N as q}from"./number-input-B3_gmeWr.js";import"./index-DhsZuJvc.js";import"./index-DRSy5Ssd.js";import"./enum-Bnn40S8Q.js";import"./index-CEuq6vkz.js";import"./lodash-c4VUpsOs.js";import"./helpers-JJxzGegQ.js";import"./input-Db9WkmPP.js";import"./index-Bk2sglWO.js";import"./disabled-context-rmpd7YJS.js";import"./types-Dx2TtIG9.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";const{useArgs:Z}=__STORYBOOK_MODULE_PREVIEW_API__,he={title:"Forms/NumberInput",component:q,parameters:{canvas:{page:null}},args:{label:"Label"}},e=c=>{const[$,z]=Z(),G=J=>{z({value:J.target.value})};return Q.jsx(q,{onChange:G,value:123,...c})},d=e.bind({}),n=e.bind({});n.args={small:!0};const a=e.bind({});a.args={width:"150px"};const r=e.bind({});r.args={left:!0};const t=e.bind({});t.args={disabled:!0};const s=e.bind({});s.args={allowEmpty:!0,value:""};const u=e.bind({});u.args={warning:"This input number is almost 100!",value:"99"};const o=e.bind({});o.args={error:"This is a error message"};const g=e.bind({});g.args={value:"123test"};const p=e.bind({});p.args={value:"123.123456789",enableDisplayRounding:!0};const l=e.bind({});l.args={value:"123.123456789",enableDisplayRounding:!0,roundDisplayValue:c=>X.roundToFixed(c,4)};var m,i,h;d.parameters={...d.parameters,docs:{...(m=d.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(h=(i=d.parameters)==null?void 0:i.docs)==null?void 0:h.source}}};var v,C,A;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(A=(C=n.parameters)==null?void 0:C.docs)==null?void 0:A.source}}};var b,E,I;a.parameters={...a.parameters,docs:{...(b=a.parameters)==null?void 0:b.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(I=(E=a.parameters)==null?void 0:E.docs)==null?void 0:I.source}}};var _,T,L;r.parameters={...r.parameters,docs:{...(_=r.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(L=(T=r.parameters)==null?void 0:T.docs)==null?void 0:L.source}}};var N,S,D;t.parameters={...t.parameters,docs:{...(N=t.parameters)==null?void 0:N.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(D=(S=t.parameters)==null?void 0:S.docs)==null?void 0:D.source}}};var M,H,y;s.parameters={...s.parameters,docs:{...(M=s.parameters)==null?void 0:M.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(y=(H=s.parameters)==null?void 0:H.docs)==null?void 0:y.source}}};var f,R,W;u.parameters={...u.parameters,docs:{...(f=u.parameters)==null?void 0:f.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(W=(R=u.parameters)==null?void 0:R.docs)==null?void 0:W.source}}};var x,w,O;o.parameters={...o.parameters,docs:{...(x=o.parameters)==null?void 0:x.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(O=(w=o.parameters)==null?void 0:w.docs)==null?void 0:O.source}}};var j,B,F;g.parameters={...g.parameters,docs:{...(j=g.parameters)==null?void 0:j.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(F=(B=g.parameters)==null?void 0:B.docs)==null?void 0:F.source}}};var P,V,K;p.parameters={...p.parameters,docs:{...(P=p.parameters)==null?void 0:P.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(K=(V=p.parameters)==null?void 0:V.docs)==null?void 0:K.source}}};var U,Y,k;l.parameters={...l.parameters,docs:{...(U=l.parameters)==null?void 0:U.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(k=(Y=l.parameters)==null?void 0:Y.docs)==null?void 0:k.source}}};const ve=["Default","Small","Width","Left","Disabled","AllowEmpty","Warning","Error","BadInput","WithDisplayRounding","WithCustomDisplayRounding"];export{s as AllowEmpty,g as BadInput,d as Default,t as Disabled,o as Error,r as Left,n as Small,u as Warning,a as Width,l as WithCustomDisplayRounding,p as WithDisplayRounding,ve as __namedExportsOrder,he as default};

package/dist/storybook/assets/number-input.test-case.stories-DeEtalIU.js

@@ -1,95 +0,0 @@
-import{j as a}from"./jsx-runtime-eps93zm2.js";import{r as l}from"./index-DhsZuJvc.js";import{w as u,u as n,e as o,f as D,a as C}from"./index-DMAnyMX5.js";import{S as x}from"./spacer-BWoNR27H.js";import{G as Z}from"./grid-DRkC-bt8.js";import{C as m}from"./card-EcjmryU9.js";import{B as $}from"./button-Cbv7WK6k.js";import{H as p}from"./heading-CRNoBc7q.js";import{I as se}from"./input-group-addon-D68iUKV2.js";import{S as re}from"./select-Cwks-WA0.js";import{I as oe}from"./input-group-BaRSJAEN.js";import{F as R}from"./field-HrLaMLbx.js";import{T as j}from"./toggle-BbFVf61v.js";import{T as ie}from"./text-B3-TSWok.js";import{M as le}from"./message-BRyKdRaX.js";import{I as ee}from"./icon-BSFY3vDO.js";import{N as c}from"./number-input-B3_gmeWr.js";import"./index-CF7H4eMJ.js";import"./styled-components.browser.esm-BQ9GQzDc.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./help-icon-Buhx5nl6.js";import"./lodash-c4VUpsOs.js";import"./types-Dx2TtIG9.js";import"./enum-Bnn40S8Q.js";import"./index-CEuq6vkz.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./actions-Bax0KeqM.js";import"./badge-CLQ59MDF.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";import"./label-CqmyC9he.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-C0x1JmaP.js";import"./index-DRSy5Ssd.js";import"./input-Db9WkmPP.js";const Ze={title:"Forms/NumberInput/Test Cases",component:c,parameters:{canvas:{page:null}},args:{label:"Label"},tags:["!autodocs"]},w=()=>a.jsxs(oe,{small:!0,children:[a.jsx(c,{value:123}),a.jsx(se,{children:"to"}),a.jsx(c,{value:123}),a.jsx(re,{options:[{value:"units",label:"units"}],width:"auto",value:"units"})]}),g=()=>{const[r,s]=l.useState("123|m");return a.jsx(c,{name:"example",onChange:e=>s(e.target.value),placeholder:"Type a value...",value:r,testId:"testId"})};g.play=async({canvasElement:r,step:s})=>{const e=u(r),i=u(r.ownerDocument.body);await s("Shows validation error for non-numeric input",async()=>{const t=e.getByTestId("testId");await n.clear(t),await n.type(t,"123x45s6"),await o(e.getByDisplayValue("123x45s6")).toBeInTheDocument(),await D.mouseOver(t),await o(t.getAttribute("data-error")).toEqual("Must be a numerical value"),await C(()=>{o(i.getByText("Must be a numerical value")).toBeInTheDocument()})})};const y=()=>{const[r,s]=l.useState("123");return a.jsx(c,{value:r,onChange:e=>{s(e.target.value)},testId:"testId",enableDisplayRounding:!0})};y.play=async({canvasElement:r,step:s})=>{const e=u(r);await s("Value should be rounded on blur",async()=>{const i=e.getByTestId("testId");await n.clear(i),await n.type(i,"123.123456789"),await n.click(r),await o(e.getByDisplayValue("123.12")).toBeInTheDocument()}),await s("Full value shown on focus",async()=>{const i=e.getByTestId("testId");await n.click(i),await o(e.getByDisplayValue("123.123456789")).toBeInTheDocument()})};const f=()=>{const[r,s]=l.useState(!0),e=()=>{s(!1),setTimeout(()=>s(!0),0)},[i,t]=l.useState("123");return a.jsxs(Z,{columns:"1fr 1fr",gap:!0,children:[a.jsxs(m,{heading:a.jsx(p,{children:"Storage State (Redux)"}),children:[i,a.jsx(x,{}),a.jsx($,{label:"Change value",onClick:()=>t(String(Math.floor(Math.random()*100)))})]}),a.jsx(m,{heading:a.jsx(p,{icon:a.jsx(ee,{icon:"refresh"}),onIconClick:e,children:"NumberInput"}),children:r&&a.jsx(c,{value:i,onChange:v=>{t(v.target.value)},error:Number(i)>=0?"":"Value must be positive"})})]})},I=()=>{const[r,s]=l.useState(!0),e=()=>{s(!1),setTimeout(()=>s(!0),0)},[i,t]=l.useState(!1),[v,te]=l.useState(!0),[T,S]=l.useState("0.6889763779527558"),[V,ae]=l.useState(""),ne=Number(T)*.3048;return a.jsxs(Z,{columns:"1fr 1fr",gap:!0,children:[a.jsxs(m,{heading:a.jsx(p,{children:"Settings"}),children:[a.jsx(R,{label:"Enable display rounding:",labelLeft:!0,labelWidth:200,children:a.jsx(j,{checked:i,onChange:d=>t(d.target.checked)})}),a.jsx(R,{label:"Enable cosmetic rounding:",labelLeft:!0,labelWidth:200,children:a.jsx(j,{checked:v,onChange:d=>te(d.target.checked)})})]}),a.jsxs(m,{heading:a.jsx(p,{icon:a.jsx(ee,{icon:"refresh",testId:"triggerRerenderTestId"}),onIconClick:e,children:"NumberInput (displayed in Meters)"}),children:[a.jsx(ie,{faint:!0,children:"Cosmetic Rounding Test Cases: type 0.21 then return (compare with enableCosmeticRounding on and off)"}),a.jsx(x,{}),r&&a.jsx(c,{name:"Example",value:ne,onChange:d=>{const B=String(Number(d.target.value)/.3048);S(B)},enableDisplayRounding:i,enableCosmeticRounding:v,error:Number(T)>=0?"":"Value must be positive",validationCallback:(d,B)=>{ae(B??"")},testId:"testId"})]}),a.jsxs(m,{heading:a.jsx(p,{children:"Storage State / Redux (stored in Feet)"}),children:[T,a.jsx(x,{}),a.jsx($,{label:"Change value",onClick:()=>S(String(Math.floor(Math.random()*100)))})]}),a.jsx(m,{heading:a.jsx(p,{children:"Test Validation Callback"}),children:V&&a.jsx(le,{message:{content:V,icon:!0,type:"Error",visible:!0}})})]})};I.play=async({canvasElement:r,step:s})=>{const e=u(r),i=u(r.ownerDocument.body);await s("Can enter decimal values",async()=>{const t=e.getByTestId("testId");await n.clear(t),await n.type(t,"123.123456789"),await n.click(r),await o(e.getByDisplayValue("123.123456789")).toBeInTheDocument()}),await s("Can enter scientific notation when storage unit is different",async()=>{const t=e.getByTestId("testId");await n.clear(t),await n.type(t,"-1.12e-3"),await o(e.getByDisplayValue("-1.12e-3")).toBeInTheDocument(),await e.getByTestId("triggerRerenderTestId").click(),await C(()=>{o(e.getByDisplayValue(-.00112)).toBeInTheDocument()})}),await s("Can enter comma decimals (converts to dot)",async()=>{const t=e.getByTestId("testId");await n.clear(t),await n.type(t,"123,456"),await o(e.getByDisplayValue("123.456")).toBeInTheDocument()}),await s("Can enter small numbers",async()=>{const t=e.getByTestId("testId");await n.clear(t),await n.type(t,"0.0000000023"),await o(e.getByDisplayValue("0.0000000023")).toBeInTheDocument()}),await s("Can enter large numbers",async()=>{const t=e.getByTestId("testId");await n.clear(t),await n.type(t,"999999999999"),await o(e.getByDisplayValue("999999999999")).toBeInTheDocument()}),await s("Shows validation error for non-numeric input",async()=>{const t=e.getByTestId("testId");await n.clear(t),await n.type(t,"123x45s6"),await n.click(r),await o(e.getByDisplayValue("123x45s6")).toBeInTheDocument(),await o(t.getAttribute("data-error")).toEqual("Must be a numerical value"),await D.mouseOver(t),await C(()=>{o(i.getAllByText("Must be a numerical value").length).toEqual(2)})})};const h=()=>{const[r,s]=l.useState("123");return a.jsx(c,{value:r,onChange:e=>{s(e.target.value)},testId:"testId"})};h.play=async({canvasElement:r,step:s})=>{const e=u(r),i=u(r.ownerDocument.body);await s("Can enter decimal values",async()=>{const t=e.getByTestId("testId");await n.clear(t),await n.type(t,"123.123456789"),await o(e.getByDisplayValue("123.123456789")).toBeInTheDocument()}),await s("Can enter scientific notation",async()=>{const t=e.getByTestId("testId");await n.clear(t),await n.type(t,"-1.12e3"),await o(e.getByDisplayValue("-1.12e3")).toBeInTheDocument()}),await s("Can enter comma decimals (converts to dot)",async()=>{const t=e.getByTestId("testId");await n.clear(t),await n.type(t,"123,456"),await o(e.getByDisplayValue("123.456")).toBeInTheDocument()}),await s("Can enter small numbers",async()=>{const t=e.getByTestId("testId");await n.clear(t),await n.type(t,"0.0000000023"),await o(e.getByDisplayValue("0.0000000023")).toBeInTheDocument()}),await s("Can enter large numbers",async()=>{const t=e.getByTestId("testId");await n.clear(t),await n.type(t,"999999999999"),await o(e.getByDisplayValue("999999999999")).toBeInTheDocument()}),await s("Shows validation error for non-numeric input",async()=>{const t=e.getByTestId("testId");await n.clear(t),await n.type(t,"123x45s6"),await o(e.getByDisplayValue("123x45s6")).toBeInTheDocument(),await o(t.getAttribute("data-error")).toEqual("Must be a numerical value"),await D.mouseOver(t),await C(()=>{o(i.getByText("Must be a numerical value")).toBeInTheDocument()})})};const b=()=>{const[r,s]=l.useState("123|m");return a.jsx(c,{name:"example",onChange:e=>s(e.target.value),placeholder:"Type a value...",value:r,testId:"testId"})};b.play=async({canvasElement:r,step:s})=>{const e=u(r);u(r.ownerDocument.body),await s("Shows validation error for non-numeric input",async()=>{const i=e.getByTestId("testId");await n.clear(i),await n.type(i,"Infinity"),await o(e.getByDisplayValue("Infinity")).toBeInTheDocument(),await o(i.getAttribute("data-error")).toBeNull()}),await s("Shows validation error for non-numeric input",async()=>{const i=e.getByTestId("testId");await n.clear(i),await n.type(i,"-Infinity"),await o(e.getByDisplayValue("-Infinity")).toBeInTheDocument(),await o(i.getAttribute("data-error")).toBeNull()})};w.__docgenInfo={description:"",methods:[],displayName:"TestInputGroup"};g.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"Placeholder"};y.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"TestDisplayRounding"};f.__docgenInfo={description:"",methods:[],displayName:"ManagedTestCase"};I.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"DemoCosmeticRounding"};h.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"TestUserInput"};b.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"InfinityTest"};var k,N,E;w.parameters={...w.parameters,docs:{...(k=w.parameters)==null?void 0:k.docs,source:{originalSource:`() => <InputGroup small>
-    <NumberInput value={123} />
-    <InputGroupAddon>to</InputGroupAddon>
-    <NumberInput value={123} />
-    <Select options={[{
-    value: 'units',
-    label: 'units'
-  }]} width="auto" value="units" />
-  </InputGroup>`,...(E=(N=w.parameters)==null?void 0:N.docs)==null?void 0:E.source}}};var M,F,_;g.parameters={...g.parameters,docs:{...(M=g.parameters)==null?void 0:M.docs,source:{originalSource:`() => {
-  const [value, setValue] = useState('123|m');
-  return <NumberInput name="example" onChange={evt => setValue(evt.target.value)} placeholder="Type a value..." value={value} testId="testId" />;
-}`,...(_=(F=g.parameters)==null?void 0:F.docs)==null?void 0:_.source}}};var G,H,A;y.parameters={...y.parameters,docs:{...(G=y.parameters)==null?void 0:G.docs,source:{originalSource:`() => {
-  const [value, setValue] = useState('123');
-  return <NumberInput value={value} onChange={evt => {
-    setValue(evt.target.value);
-  }} testId="testId" enableDisplayRounding />;
-}`,...(A=(H=y.parameters)==null?void 0:H.docs)==null?void 0:A.source}}};var L,q,O;f.parameters={...f.parameters,docs:{...(L=f.parameters)==null?void 0:L.docs,source:{originalSource:`() => {
-  const [visible, setVisible] = useState(true);
-  const triggerRerender = () => {
-    setVisible(false);
-    setTimeout(() => setVisible(true), 0);
-  };
-  const [value, setValue] = useState('123');
-  return <Grid columns="1fr 1fr" gap>
-      <Card heading={<Heading>Storage State (Redux)</Heading>}>
-        {value}
-        <Spacer />
-        <Button label="Change value" onClick={() => setValue(String(Math.floor(Math.random() * 100)))} />
-      </Card>
-      <Card heading={<Heading icon={<Icon icon="refresh" />} onIconClick={triggerRerender}>
-            NumberInput
-          </Heading>}>
-        {visible && <NumberInput value={value} onChange={evt => {
-        setValue(evt.target.value);
-      }} error={Number(value) >= 0 ? '' : 'Value must be positive'} />}
-      </Card>
-    </Grid>;
-}`,...(O=(q=f.parameters)==null?void 0:q.docs)==null?void 0:O.source}}};var W,P,U;I.parameters={...I.parameters,docs:{...(W=I.parameters)==null?void 0:W.docs,source:{originalSource:`() => {
-  const [visible, setVisible] = useState(true);
-  const triggerRerender = () => {
-    setVisible(false);
-    setTimeout(() => setVisible(true), 0);
-  };
-  const [enableDisplayRounding, setEnableDisplayRounding] = useState(false);
-  const [enableCosmeticRounding, setEnableCosmeticRounding] = useState(true);
-  const [valueInFeet, setValueInFeet] = useState('0.6889763779527558');
-  const [callBackError, setCallBackError] = useState('');
-  const valueInMeters = Number(valueInFeet) * 0.3048;
-  return <Grid columns="1fr 1fr" gap>
-      <Card heading={<Heading>Settings</Heading>}>
-        <Field label="Enable display rounding:" labelLeft labelWidth={200}>
-          <Toggle checked={enableDisplayRounding} onChange={evt => setEnableDisplayRounding(evt.target.checked)} />
-        </Field>
-        <Field label="Enable cosmetic rounding:" labelLeft labelWidth={200}>
-          <Toggle checked={enableCosmeticRounding} onChange={evt => setEnableCosmeticRounding(evt.target.checked)} />
-        </Field>
-      </Card>
-      <Card heading={<Heading icon={<Icon icon="refresh" testId="triggerRerenderTestId" />} onIconClick={triggerRerender}>
-            NumberInput (displayed in Meters)
-          </Heading>}>
-        <Text faint>
-          Cosmetic Rounding Test Cases: type 0.21 then return (compare with
-          enableCosmeticRounding on and off)
-        </Text>
-        <Spacer />
-        {visible && <NumberInput name="Example" value={valueInMeters} onChange={evt => {
-        const nextValueInFeet = String(Number(evt.target.value) / 0.3048);
-        setValueInFeet(nextValueInFeet); // convert back to ft
-      }} enableDisplayRounding={enableDisplayRounding} enableCosmeticRounding={enableCosmeticRounding} error={Number(valueInFeet) >= 0 ? '' : 'Value must be positive'} validationCallback={(name, error) => {
-        setCallBackError(error ?? '');
-      }} testId="testId" />}
-      </Card>
-      <Card heading={<Heading>Storage State / Redux (stored in Feet)</Heading>}>
-        {valueInFeet}
-        <Spacer />
-        <Button label="Change value" onClick={() => setValueInFeet(String(Math.floor(Math.random() * 100)))} />
-      </Card>
-      <Card heading={<Heading>Test Validation Callback</Heading>}>
-        {callBackError && <Message message={{
-        content: callBackError,
-        icon: true,
-        type: 'Error',
-        visible: true
-      }} />}
-      </Card>
-    </Grid>;
-}`,...(U=(P=I.parameters)==null?void 0:P.docs)==null?void 0:U.source}}};var z,J,K;h.parameters={...h.parameters,docs:{...(z=h.parameters)==null?void 0:z.docs,source:{originalSource:`() => {
-  const [value, setValue] = useState('123');
-  return <NumberInput value={value} onChange={evt => {
-    setValue(evt.target.value);
-  }} testId="testId" />;
-}`,...(K=(J=h.parameters)==null?void 0:J.docs)==null?void 0:K.source}}};var Q,X,Y;b.parameters={...b.parameters,docs:{...(Q=b.parameters)==null?void 0:Q.docs,source:{originalSource:`() => {
-  const [value, setValue] = useState('123|m');
-  return <NumberInput name="example" onChange={evt => setValue(evt.target.value)} placeholder="Type a value..." value={value} testId="testId" />;
-}`,...(Y=(X=b.parameters)==null?void 0:X.docs)==null?void 0:Y.source}}};const $e=["TestInputGroup","Placeholder","TestDisplayRounding","ManagedTestCase","DemoCosmeticRounding","TestUserInput","InfinityTest"];export{I as DemoCosmeticRounding,b as InfinityTest,f as ManagedTestCase,g as Placeholder,y as TestDisplayRounding,w as TestInputGroup,h as TestUserInput,$e as __namedExportsOrder,Ze as default};

package/dist/storybook/assets/objectSpread2-DW4nTBoq.js

@@ -1 +0,0 @@
-function o(t){"@babel/helpers - typeof";return o=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(t)}function c(t,e){if(o(t)!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var n=r.call(t,e||"default");if(o(n)!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}function b(t){var e=c(t,"string");return o(e)=="symbol"?e:e+""}function f(t,e,r){return(e=b(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function i(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(u){return Object.getOwnPropertyDescriptor(t,u).enumerable})),r.push.apply(r,n)}return r}function y(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?i(Object(r),!0).forEach(function(n){f(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}export{y as _,o as a,f as b};

package/dist/storybook/assets/objectWithoutPropertiesLoose-CAYKN5F1.js

@@ -1 +0,0 @@
-function r(t,i){if(t==null)return{};var o={};for(var e in t)if({}.hasOwnProperty.call(t,e)){if(i.includes(e))continue;o[e]=t[e]}return o}export{r as _};

package/dist/storybook/assets/option-dropdown-CqPYsFHP.css

@@ -1 +0,0 @@
-._menu_12x4u_1{overflow-y:auto;position:relative;min-width:160px;border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-layer);background-color:var(--color-background-layer);margin-top:2px}._header_12x4u_11{padding:var(--padding-xs) var(--padding-sm);display:flex;justify-content:space-between}._header_12x4u_11 a{color:var(--color-text-primary);font-weight:400;cursor:pointer}._header_12x4u_11 a:hover{color:var(--color-text-primary-hover)}._header_12x4u_11 a:active{color:var(--color-text-primary-active)}._item_12x4u_27{padding:var(--padding-xs) var(--padding-sm);background:transparent;cursor:default}._heading_12x4u_32{color:var(--color-text-muted);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;font-size:var(--font-size-sm);padding:var(--padding-xs) var(--padding-sm);max-width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

package/dist/storybook/assets/option-dropdown.stories-CznUbXVi.js

@@ -1,52 +0,0 @@
-import{j as n}from"./jsx-runtime-eps93zm2.js";import{T as A}from"./common-types-Sih75Sav.js";import{M as C}from"./actions-Bax0KeqM.js";import{c as E}from"./index-Bk2sglWO.js";import{C as O}from"./check-box-DPLaOkRR.js";import{D as y}from"./divider-DY9nJ_7N.js";import"./index-DhsZuJvc.js";import"./lodash-c4VUpsOs.js";import"./disabled-context-rmpd7YJS.js";import"./button-Cbv7WK6k.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./types-BmbYqTX_.js";import"./types-Dx2TtIG9.js";import"./badge-CLQ59MDF.js";import"./help-icon-Buhx5nl6.js";import"./text-B3-TSWok.js";const D="_menu_12x4u_1",I="_header_12x4u_11",L="_item_12x4u_27",F="_heading_12x4u_32",p={menu:D,header:I,item:L,heading:F},w=({option:e,onChange:r})=>{const{key:i,label:l,selected:a}=e;return n.jsx("div",{className:p.item,children:n.jsx(O,{label:l,noMargin:!0,checked:a,onChange:r})},i)};w.__docgenInfo={description:"",methods:[],displayName:"Option",props:{option:{required:!0,tsType:{name:"signature",type:"object",raw:`{
-  key?: string;
-  label?: string | null;
-  selected?: boolean;
-}`,signature:{properties:[{key:"key",value:{name:"string",required:!1}},{key:"label",value:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}],required:!1}},{key:"selected",value:{name:"boolean",required:!1}}]}},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:`(
-  event: TChangeEvent<T>,
-  ...additionalProps: { [key: string]: any }[]
-) => void`,signature:{arguments:[{type:{name:"intersection",raw:`ChangeEvent<T> & {
-  target:
-    | T
-    | { name: string; value: any; label?: string; files?: FileList | null };
-}`,elements:[{name:"ChangeEvent",elements:[{name:"T"}],raw:"ChangeEvent<T>"},{name:"signature",type:"object",raw:`{
-  target:
-    | T
-    | { name: string; value: any; label?: string; files?: FileList | null };
-}`,signature:{properties:[{key:"target",value:{name:"union",raw:`| T
-| { 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:""}}};const x=({label:e})=>n.jsx("div",{className:p.heading,children:e});x.__docgenInfo={description:"",methods:[],displayName:"Heading",props:{label:{required:!0,tsType:{name:"string"},description:""}}};var g=(e=>(e.HEADING="Heading",e.DIVIDER="Divider",e.DEFAULT="Default",e))(g||{});const k=({options:e,onChangeOptions:r,showHeader:i,maxHeight:l})=>n.jsxs("div",{className:E("menu",p.menu),style:{maxHeight:l},children:[i&&n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:p.header,children:[n.jsx("a",{onClick:a=>{const s=e.map(t=>({...t,selected:!0}));r(a,s)},children:"All"}),n.jsx("a",{onClick:a=>{const s=e.map(t=>({...t,selected:!1}));r(a,s)},children:"Clear"}),n.jsx("a",{onClick:a=>{const s=e.map(t=>({...t,selected:!t.selected}));r(a,s)},children:"Invert"})]}),n.jsx(y,{margin:0})]}),e.map((a,s)=>{switch(a.type){case g.HEADING:return n.jsx(x,{label:a.label},s);case g.DIVIDER:return n.jsx(y,{margin:0},s);default:return n.jsx(w,{option:a,onChange:t=>{const{value:d}=a,j=e.map(u=>u.value!==d?u:{...u,selected:!u.selected});r(t,j)}},s)}})]});k.__docgenInfo={description:"",methods:[],displayName:"Layer",props:{options:{required:!0,tsType:{name:"Array",elements:[{name:"IOptionType"}],raw:"IOptionType[]"},description:""},onChangeOptions:{required:!0,tsType:{name:"signature",type:"function",raw:`(
-  evt: React.MouseEvent<HTMLAnchorElement>,
-  options: IOptionType[],
-) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLAnchorElement>",elements:[{name:"HTMLAnchorElement"}]},name:"evt"},{type:{name:"Array",elements:[{name:"IOptionType"}],raw:"IOptionType[]"},name:"options"}],return:{name:"void"}}},description:""},showHeader:{required:!1,tsType:{name:"boolean"},description:""},maxHeight:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""}}};const c=({name:e,label:r,options:i,onChange:l,showHeader:a=!0,maxHeight:s="40vh"})=>n.jsx(C,{menu:{label:r,trigger:A.DROP_DOWN_BUTTON,possiblePlacements:["top-start","bottom-start"],sections:n.jsx(k,{options:i,onChangeOptions:(t,d)=>{t.stopPropagation(),t.target.name=e,t.target.value=d,l(t)},showHeader:a,maxHeight:s})}});c.__docgenInfo={description:"",methods:[],displayName:"OptionDropdown",props:{name:{required:!1,tsType:{name:"string"},description:""},label:{required:!0,tsType:{name:"string"},description:""},options:{required:!0,tsType:{name:"Array",elements:[{name:"IOptionType"}],raw:"IOptionType[]"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:`(
-  event: TChangeEvent<T>,
-  ...additionalProps: { [key: string]: any }[]
-) => void`,signature:{arguments:[{type:{name:"intersection",raw:`ChangeEvent<T> & {
-  target:
-    | T
-    | { name: string; value: any; label?: string; files?: FileList | null };
-}`,elements:[{name:"ChangeEvent",elements:[{name:"T"}],raw:"ChangeEvent<T>"},{name:"signature",type:"object",raw:`{
-  target:
-    | T
-    | { name: string; value: any; label?: string; files?: FileList | null };
-}`,signature:{properties:[{key:"target",value:{name:"union",raw:`| T
-| { 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:""},showHeader:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},maxHeight:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'40vh'",computed:!1}}}};const{useArgs:H}=__STORYBOOK_MODULE_PREVIEW_API__,N=[{label:"Animals",type:"Heading"},{type:"Divider"},{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"}],se={title:"Forms/OptionDropdown",component:c,args:{label:"Label",options:N}},q=e=>{const[r,i]=H(),l=a=>{i({options:a.target.value})};return n.jsx(c,{...e,onChange:l})},m=q.bind({}),o=q.bind({});o.args={options:[...Array(50)].map((e,r)=>({label:`Item #${r}`,value:r}))};var v,h,f;m.parameters={...m.parameters,docs:{...(v=m.parameters)==null?void 0:v.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      options: evt.target.value
-    });
-  };
-  return <OptionDropdown
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(f=(h=m.parameters)==null?void 0:h.docs)==null?void 0:f.source}}};var T,b,_;o.parameters={...o.parameters,docs:{...(T=o.parameters)==null?void 0:T.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      options: evt.target.value
-    });
-  };
-  return <OptionDropdown
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(_=(b=o.parameters)==null?void 0:b.docs)==null?void 0:_.source}}};const ie=["Default","ScrollOverflow"];export{m as Default,o as ScrollOverflow,ie as __namedExportsOrder,se as default};

package/dist/storybook/assets/padding-and-spacing-B1k2xnXg.js

@@ -1,19 +0,0 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as r}from"./index-BcNHZKhG.js";import{Z as t}from"./index-D6O8EiV-.js";import"./index-DhsZuJvc.js";import"./iframe-zFwPc0wJ.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."}),`
-`,e.jsxs(n.ul,{children:[`
-`,e.jsxs(n.li,{children:[e.jsxs(n.strong,{children:[e.jsx(n.code,{children:"var(--padding)"})," is space which should be used in most cases."]})," This is the default space within a section (e.g. main content, modals, drawers) or between groups of elements (e.g. between a list and a form, rows and columns in a layout, or between a table and a button)."]}),`
-`,e.jsxs(n.li,{children:[e.jsx(n.code,{children:"var(--padding-sm)"})," is space between standard elements (e.g. a row of buttons) or within a small group of elements (e.g. a card or popover)."]}),`
-`,e.jsxs(n.li,{children:[e.jsx(n.code,{children:"var(--padding-xs)"})," is space between small elements (e.g. small form controls, or checkbox and its label) or within elements (e.g. an input field)."]}),`
-`,e.jsxs(n.li,{children:[e.jsx(n.code,{children:"var(--padding-xxs)"})," is tight space between small elements (e.g. between a row of icon actions, or between icon and text in button)."]}),`
-`]}),`
-`,e.jsx(n.h2,{id:"size",children:"Size"}),`
-`,e.jsxs(n.p,{children:["These are the standard sizes of individual elements. Developers are unlikely to need these values but there may be cases in which they are helpful for calculating dimensions, etc. This ",e.jsx(n.code,{children:"size"})," normally relates to the height, but in some cases it may relate to the width (e.g. sidebars) or both height and width (e.g. checkboxes, radios & round buttons)."]}),`
-`,e.jsxs(n.ul,{children:[`
-`,e.jsxs(n.li,{children:[e.jsx(n.code,{children:"var(--size-xl)"})," is for the top bar and closed sidebar."]}),`
-`,e.jsxs(n.li,{children:[e.jsx(n.code,{children:"var(--size-lg)"})," is for large navigation elements (e.g. sidebar icons & drawer tabs)."]}),`
-`,e.jsxs(n.li,{children:[e.jsx(n.code,{children:"var(--size)"})," is the default size for buttons & inputs."]}),`
-`,e.jsxs(n.li,{children:[e.jsx(n.code,{children:"var(--size-sm)"})," is for small buttons & inputs."]}),`
-`,e.jsxs(n.li,{children:[e.jsx(n.code,{children:"var(--size-xs)"})," is for checkboxes, toggles & radios."]}),`
-`]})]})}function u(s={}){const{wrapper:n}={...r(),...s.components};return n?e.jsx(n,{...s,children:e.jsx(i,{...s})}):i(s)}export{u as default};

package/dist/storybook/assets/page-7SSpdYhb.js

@@ -1 +0,0 @@
-import{j as i}from"./jsx-runtime-eps93zm2.js";import{c as o}from"./index-Bk2sglWO.js";const u="_page_beskc_1",m="_scroll_beskc_23",a={page:u,scroll:m},d=({children:r,left:s="var(--size-sidebar)",padding:e=!0,scroll:n=!0,top:t="var(--size-topbar)"})=>{const l=typeof e=="string"?e:e===!0?"var(--padding)":"0";return i.jsx("div",{className:o(a.page,n?a.scroll:""),style:{left:s,padding:l,top:t},children:r})};d.__docgenInfo={description:"",methods:[],displayName:"Page",props:{children:{required:!1,tsType:{name:"ReactNode"},description:""},padding:{required:!1,tsType:{name:"union",raw:"boolean | TStringOrNumber",elements:[{name:"boolean"},{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]}]},description:"",defaultValue:{value:"true",computed:!1}},left:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'var(--size-sidebar)'",computed:!1}},scroll:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},top:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'var(--size-topbar)'",computed:!1}}}};export{d as P};

package/dist/storybook/assets/page-BnAFjzxf.css

@@ -1 +0,0 @@
-._page_beskc_1{background-color:var(--color-background);position:fixed;right:0;bottom:0;display:flex;flex-direction:column;overflow:hidden}@media print{._page_beskc_1{background-color:#fff;color:#000!important;position:relative!important;left:0!important;top:0!important;overflow:visible!important;padding:0!important;width:100%;height:100%}}._page_beskc_1._scroll_beskc_23{overflow:auto}

package/dist/storybook/assets/page-DqJqTfkP.css

@@ -1 +0,0 @@
-._printHeader_o7xxx_1{display:none!important}@media print{._printHeader_o7xxx_1{display:block!important;margin-left:auto;height:auto}}

package/dist/storybook/assets/page.stories-DthnK8qb.js

@@ -1,57 +0,0 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{P as i}from"./page-7SSpdYhb.js";import{T as d}from"./top-bar-Bjf6PQE1.js";import{S as c}from"./side-bar-wpFQ5NEE.js";import{H as s}from"./heading-CRNoBc7q.js";import{L as D}from"./logo-BVP9045W.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./common-types-Sih75Sav.js";import"./button-Cbv7WK6k.js";import"./spinner-AWUe4xwQ.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./actions-Bax0KeqM.js";import"./lodash-c4VUpsOs.js";import"./types-BmbYqTX_.js";import"./types-Dx2TtIG9.js";import"./badge-CLQ59MDF.js";import"./index-BI4_Bp97.js";import"./drawer-DaQ1xGjV.js";import"./help-icon-Buhx5nl6.js";const W="_printHeader_o7xxx_1",L={printHeader:W},I=({logo:F,alt:V,logoWidth:C="100px"})=>e.jsx("img",{src:F,alt:V,className:L.printHeader,style:{width:C}});I.__docgenInfo={description:"",methods:[],displayName:"PrintHeader",props:{logo:{required:!0,tsType:{name:"string"},description:""},logoWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'100px'",computed:!1}},alt:{required:!0,tsType:{name:"string"},description:""}}};const t="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vestibulum velit vitae dolor eleifend, quis cursus tortor tempor. Etiam laoreet tempor turpis ut tristique. In hac habitasse platea dictumst. Ut viverra vestibulum facilisis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Curabitur commodo egestas magna, at molestie quam euismod ut. Aliquam suscipit at velit vel venenatis. Morbi rhoncus odio neque, volutpat finibus risus hendrerit quis. Sed vitae justo at elit dictum semper. Suspendisse non luctus nulla. Suspendisse condimentum tellus ac elit ornare porttitor. In dignissim libero erat, eget varius nisl tincidunt sed. Duis vel viverra dolor. Mauris nisl lorem, consectetur sed ullamcorper consequat, dictum eu diam. Fusce pretium velit vitae urna tempor, id luctus velit lacinia. Suspendisse lacinia, ante eget egestas mollis, magna magna imperdiet lacus, vitae molestie purus urna et ipsum. Nulla facilisi. Nam augue sapien, dapibus id nunc a, iaculis vulputate urna. Nullam sit amet rutrum tortor. Fusce vel augue vel orci porttitor auctor. Vivamus pulvinar urna quam, non posuere lorem mollis fringilla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque porta odio quis urna pulvinar hendrerit. Nam eros sapien, cursus at maximus id, suscipit et erat. Praesent semper consectetur lacus eu suscipit. In mi ex, feugiat sagittis facilisis ut, fermentum quis mi. Nunc egestas tempor pharetra. Nulla condimentum massa non facilisis bibendum. Sed at justo eget massa lobortis ultricies sit amet eu ex. Nullam auctor ex ac elit laoreet, vitae convallis sem egestas. Maecenas gravida eros sit amet orci dapibus, rutrum gravida nisl finibus. Pellentesque vitae lorem vulputate, accumsan ligula quis, rhoncus urna. Vestibulum velit ex, venenatis ut sagittis id, malesuada vel diam. Suspendisse et turpis eu metus luctus fermentum at consectetur est. Suspendisse sit amet tincidunt dolor. Curabitur imperdiet congue urna in fringilla. Donec nec accumsan purus. Cras et blandit turpis. Curabitur sed libero nibh. Morbi scelerisque, metus vel cursus dapibus, quam lorem placerat odio, at rhoncus diam diam eget nisi. Nulla sagittis posuere ex, vel scelerisque justo egestas vel. Duis aliquam mollis est id tristique. Ut eros libero, faucibus sed ante sit amet, euismod condimentum dolor. Aenean feugiat augue tortor, id egestas tellus porta eu. Maecenas sed dui vitae erat fringilla lacinia. Etiam nisi felis, rhoncus nec vestibulum vel, mattis eget ligula. Cras sed quam sed nisi mollis eleifend. Nulla commodo, dolor nec bibendum finibus, lorem quam tincidunt lectus, sed volutpat lorem ligula vitae leo. Aliquam efficitur eu felis at dignissim. Fusce auctor eleifend justo, ut varius sapien ullamcorper mattis. Curabitur suscipit pellentesque augue sed bibendum.",le={title:"Layout/Page",component:i,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},argTypes:{top:{control:"text"},left:{control:"text"},padding:{control:{type:"boolean"}}}},a=()=>e.jsxs(e.Fragment,{children:[e.jsx(d,{}),e.jsx(c,{options:{title:"",sections:[]}}),e.jsxs(i,{children:[e.jsx(s,{top:!0,children:"Heading"}),t]})]}),r=()=>e.jsxs(e.Fragment,{children:[e.jsx(d,{}),e.jsx(c,{options:{title:"",sections:[]}}),e.jsxs(i,{padding:!1,children:[e.jsx(s,{top:!0,children:"Heading"}),t]})]}),o=()=>e.jsxs(e.Fragment,{children:[e.jsx(d,{}),e.jsx(c,{options:{title:"",sections:[]}}),e.jsxs(i,{scroll:!1,children:[e.jsx(s,{top:!0,children:"Heading"}),t]})]}),n=()=>e.jsxs(e.Fragment,{children:[e.jsx(c,{options:{title:"",sections:[]}}),e.jsxs(i,{top:0,children:[e.jsx(s,{top:!0,children:"Heading"}),t]})]}),u=()=>e.jsxs(e.Fragment,{children:[e.jsx(d,{}),e.jsxs(i,{left:0,children:[e.jsx(s,{top:!0,children:"Heading"}),t]})]}),l=()=>e.jsxs(e.Fragment,{children:[e.jsx(I,{logo:D,logoWidth:"60px",alt:"company logo"}),e.jsx(d,{}),e.jsx(c,{options:{title:"",sections:[]}}),e.jsxs(i,{children:[e.jsx(s,{top:!0,children:"Heading"}),t]})]});a.__docgenInfo={description:"",methods:[],displayName:"Default"};r.__docgenInfo={description:"",methods:[],displayName:"NoPadding"};o.__docgenInfo={description:"",methods:[],displayName:"NoScroll"};n.__docgenInfo={description:"",methods:[],displayName:"NoTopBar"};u.__docgenInfo={description:"",methods:[],displayName:"NoSideBar"};l.__docgenInfo={description:"",methods:[],displayName:"WithPrintHeader"};var m,p,g;a.parameters={...a.parameters,docs:{...(m=a.parameters)==null?void 0:m.docs,source:{originalSource:`() => <>
-    <TopBar />
-    <SideBar options={{
-    title: '',
-    sections: []
-  }} />
-    <Page>
-      <Heading top>Heading</Heading>
-      {placeholder}
-    </Page>
-  </>`,...(g=(p=a.parameters)==null?void 0:p.docs)==null?void 0:g.source}}};var f,h,x;r.parameters={...r.parameters,docs:{...(f=r.parameters)==null?void 0:f.docs,source:{originalSource:`() => <>
-    <TopBar />
-    <SideBar options={{
-    title: '',
-    sections: []
-  }} />
-    <Page padding={false}>
-      <Heading top>Heading</Heading>
-      {placeholder}
-    </Page>
-  </>`,...(x=(h=r.parameters)==null?void 0:h.docs)==null?void 0:x.source}}};var v,b,H;o.parameters={...o.parameters,docs:{...(v=o.parameters)==null?void 0:v.docs,source:{originalSource:`() => <>
-    <TopBar />
-    <SideBar options={{
-    title: '',
-    sections: []
-  }} />
-    <Page scroll={false}>
-      <Heading top>Heading</Heading>
-      {placeholder}
-    </Page>
-  </>`,...(H=(b=o.parameters)==null?void 0:b.docs)==null?void 0:H.source}}};var j,N,S;n.parameters={...n.parameters,docs:{...(j=n.parameters)==null?void 0:j.docs,source:{originalSource:`() => <>
-    <SideBar options={{
-    title: '',
-    sections: []
-  }} />
-    <Page top={0}>
-      <Heading top>Heading</Heading>
-      {placeholder}
-    </Page>
-  </>`,...(S=(N=n.parameters)==null?void 0:N.docs)==null?void 0:S.source}}};var q,P,_;u.parameters={...u.parameters,docs:{...(q=u.parameters)==null?void 0:q.docs,source:{originalSource:`() => <>
-    <TopBar />
-    <Page left={0}>
-      <Heading top>Heading</Heading>
-      {placeholder}
-    </Page>
-  </>`,...(_=(P=u.parameters)==null?void 0:P.docs)==null?void 0:_.source}}};var y,B,T;l.parameters={...l.parameters,docs:{...(y=l.parameters)==null?void 0:y.docs,source:{originalSource:`() => <>
-    <PrintHeader logo={LogoSVG} logoWidth="60px" alt="company logo" />
-    <TopBar />
-    <SideBar options={{
-    title: '',
-    sections: []
-  }} />
-    <Page>
-      <Heading top>Heading</Heading>
-      {placeholder}
-    </Page>
-  </>`,...(T=(B=l.parameters)==null?void 0:B.docs)==null?void 0:T.source}}};const de=["Default","NoPadding","NoScroll","NoTopBar","NoSideBar","WithPrintHeader"];export{a as Default,r as NoPadding,o as NoScroll,u as NoSideBar,n as NoTopBar,l as WithPrintHeader,de as __namedExportsOrder,le as default};

package/dist/storybook/assets/pagination-CR1nxnnq.js

@@ -1 +0,0 @@
-import{j as o}from"./jsx-runtime-eps93zm2.js";import{r as b}from"./index-DhsZuJvc.js";import{I as l}from"./common-types-Sih75Sav.js";import{S as C}from"./select-Cwks-WA0.js";import{I}from"./input-Db9WkmPP.js";import{B as p}from"./button-Cbv7WK6k.js";import{I as N}from"./input-group-BaRSJAEN.js";import{I as j}from"./input-group-addon-D68iUKV2.js";const E=(n,i)=>i||n&&n.reduce((e,t)=>t.selected?Number(t.value):e,10)||10,_=(n,i)=>{if(!i||!n)return 10;const{options:e,value:t}=i,a=Number(t);return a===0?1:Math.ceil(n/E(e,a))},S=(n,i,e="Selected page must be a positive whole number between 1 and")=>{const t=`${e} ${i}`,a={valid:!0,error:null};return n===""?a:!n.match(/^\d+$/g)||parseInt(n)<=0||parseInt(n)>i?{valid:!1,error:t}:a},P="_paginationContainer_1tmz4_1",R={paginationContainer:P},T=({pagination:n})=>{const{rowCount:i,selectedPage:e,small:t,onSelectPage:a,rowsPerPage:r,errorMessageTemplate:g,testIds:m}=n,d=Number(r==null?void 0:r.value)===0,u=_(i,r),[f,h]=b.useState(String(e));b.useEffect(()=>{h(String(e))},[e]);const{error:v}=S(f,u,g),c=s=>{const{valid:x}=S(s,u,g);h(s),x&&s!==""&&a&&a(Number(s))};return o.jsxs("div",{className:R.paginationContainer,children:[r&&o.jsx("div",{style:{flexShrink:0},children:o.jsx(C,{onChange:s=>{r.onChange&&r.onChange(s),c(String(1))},options:r.options,native:!!r.options,small:t,width:"auto",value:r.value})}),o.jsx(p,{small:t,round:!0,basic:!0,icon:l.CHEVRON_DOUBLE_LEFT,onClick:()=>c(String(1)),disabled:d||e===1}),o.jsx(p,{small:t,round:!0,basic:!0,icon:l.CHEVRON_LEFT,onClick:()=>c(String(Number(e)-1)),disabled:d||e===1}),o.jsxs(N,{small:t,width:"auto",children:[o.jsx(I,{right:!0,value:f,placeholder:String(e),onChange:s=>c(s.target.value),width:"50px",disabled:d||u<=1,error:v}),o.jsxs(j,{children:["of ",u]})]}),o.jsx(p,{small:t,round:!0,basic:!0,icon:l.CHEVRON_RIGHT,onClick:()=>c(String(Number(e)+1)),disabled:d||e===u}),o.jsx(p,{small:t,round:!0,basic:!0,icon:l.CHEVRON_DOUBLE_RIGHT,onClick:()=>c(String(u)),disabled:d||e===u,testId:m==null?void 0:m.doubleRightBtn})]})};T.__docgenInfo={description:"",methods:[],displayName:"Pagination",props:{pagination:{required:!0,tsType:{name:"IPagination"},description:""}}};export{T as P};

package/dist/storybook/assets/pagination-Dv2vKYwQ.css

@@ -1 +0,0 @@
-._paginationContainer_1tmz4_1{display:flex;align-items:center;flex-wrap:wrap;gap:4px}

package/dist/storybook/assets/pagination.stories-qXmBYwYc.js

@@ -1,59 +0,0 @@
-import{j as p}from"./jsx-runtime-eps93zm2.js";import{r as l}from"./index-DhsZuJvc.js";import{P as g}from"./pagination-CR1nxnnq.js";import"./common-types-Sih75Sav.js";import"./select-Cwks-WA0.js";import"./lodash-c4VUpsOs.js";import"./index-Bk2sglWO.js";import"./disabled-context-rmpd7YJS.js";import"./types-Dx2TtIG9.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./enum-Bnn40S8Q.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-Bax0KeqM.js";import"./button-Cbv7WK6k.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";import"./input-Db9WkmPP.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";const h={rowCount:500,selectedPage:1,onSelectPage:()=>{}},X={title:"Basic/Pagination",component:g,args:{pagination:h}},n=()=>{const[a,t]=l.useState(1);return p.jsx(g,{pagination:{rowCount:500,selectedPage:a,onSelectPage:o=>t(o)}})},r=()=>{const[a,t]=l.useState(1),[o,i]=l.useState(20);return p.jsx(g,{pagination:{rowCount:500,selectedPage:a,rowsPerPage:{onChange:e=>i(Number(e.target.value)),options:[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],value:o},onSelectPage:e=>t(e)}})},s=()=>{const[a,t]=l.useState(1),[o,i]=l.useState(20);return p.jsx(g,{pagination:{small:!0,rowCount:500,selectedPage:a,rowsPerPage:{onChange:e=>i(Number(e.target.value)),options:[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],value:o},onSelectPage:e=>t(e)}})};n.__docgenInfo={description:"",methods:[],displayName:"Default"};r.__docgenInfo={description:"",methods:[],displayName:"RowsPerPage"};s.__docgenInfo={description:"",methods:[],displayName:"Small"};var P,c,u;n.parameters={...n.parameters,docs:{...(P=n.parameters)==null?void 0:P.docs,source:{originalSource:`() => {
-  const [selectedPage, setSelectedPage] = useState(1);
-  return <Pagination pagination={{
-    rowCount: 500,
-    selectedPage,
-    onSelectPage: evt => setSelectedPage(evt)
-  }} />;
-}`,...(u=(c=n.parameters)==null?void 0:c.docs)==null?void 0:u.source}}};var m,d,S;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:`() => {
-  const [selectedPage, setSelectedPage] = useState(1);
-  const [rowsPerPage, setRowsPerPage] = useState(20);
-  return <Pagination pagination={{
-    rowCount: 500,
-    selectedPage,
-    rowsPerPage: {
-      onChange: evt => setRowsPerPage(Number(evt.target.value)),
-      options: [{
-        label: '10 / page',
-        value: 10
-      }, {
-        label: '20 / page',
-        value: 20
-      }, {
-        label: '50 / page',
-        value: 50
-      }, {
-        label: 'Show all',
-        value: 0
-      }],
-      value: rowsPerPage
-    },
-    onSelectPage: evt => setSelectedPage(evt)
-  }} />;
-}`,...(S=(d=r.parameters)==null?void 0:d.docs)==null?void 0:S.source}}};var v,w,b;s.parameters={...s.parameters,docs:{...(v=s.parameters)==null?void 0:v.docs,source:{originalSource:`() => {
-  const [selectedPage, setSelectedPage] = useState(1);
-  const [rowsPerPage, setRowsPerPage] = useState(20);
-  return <Pagination pagination={{
-    small: true,
-    rowCount: 500,
-    selectedPage,
-    rowsPerPage: {
-      onChange: evt => setRowsPerPage(Number(evt.target.value)),
-      options: [{
-        label: '10 / page',
-        value: 10
-      }, {
-        label: '20 / page',
-        value: 20
-      }, {
-        label: '50 / page',
-        value: 50
-      }, {
-        label: 'Show all',
-        value: 0
-      }],
-      value: rowsPerPage
-    },
-    onSelectPage: evt => setSelectedPage(evt)
-  }} />;
-}`,...(b=(w=s.parameters)==null?void 0:w.docs)==null?void 0:b.source}}};const Y=["Default","RowsPerPage","Small"];export{n as Default,r as RowsPerPage,s as Small,Y as __namedExportsOrder,X as default};

package/dist/storybook/assets/pop-confirm-DX_o_X81.css

@@ -1 +0,0 @@
-._popConfirm_1x6ye_1{max-width:350px;display:flex;flex-direction:column;gap:var(--padding-xs)}._content_1x6ye_7{max-height:200px;word-wrap:break-word;overflow-y:auto;text-align:center}._buttons_1x6ye_13{display:flex;gap:var(--padding-xs);justify-content:center}

package/dist/storybook/assets/pop-confirm.stories-CHa0qUBe.js

@@ -1,9 +0,0 @@
-import{j as t}from"./jsx-runtime-eps93zm2.js";import{P as S}from"./popover-C_2P8LFJ.js";import{B as u}from"./button-Cbv7WK6k.js";import{T as I}from"./text-B3-TSWok.js";import{t as A}from"./toaster-O8ftrUAJ.js";import"./index-DhsZuJvc.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./toaster-7wnI6hqB.js";import"./message-BRyKdRaX.js";const R="_popConfirm_1x6ye_1",$="_content_1x6ye_7",W="_buttons_1x6ye_13",y={popConfirm:R,content:$,buttons:W},O=({title:e,okText:p,onClickOk:d,disableConfirmButton:m,cancelText:f,onClickCancel:g,close:a,testId:o})=>t.jsxs("div",{className:y.popConfirm,children:[e&&t.jsx("div",{className:y.content,children:t.jsx(I,{small:!0,children:e})}),t.jsxs("div",{className:y.buttons,children:[t.jsx(u,{small:!0,colored:!0,label:p,onClick:()=>d(a),disabled:m,testId:`${o}-ok-button`}),t.jsx(u,{small:!0,label:f,onClick:()=>g(a),testId:`${o}-cancel-button`})]})]});O.__docgenInfo={description:"",methods:[],displayName:"Content",props:{title:{required:!1,tsType:{name:"string"},description:""},okText:{required:!0,tsType:{name:"string"},description:""},onClickOk:{required:!0,tsType:{name:"signature",type:"function",raw:"(close?: TEmpty) => void",signature:{arguments:[{type:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},name:"close"}],return:{name:"void"}}},description:""},disableConfirmButton:{required:!1,tsType:{name:"boolean"},description:""},cancelText:{required:!0,tsType:{name:"string"},description:""},onClickCancel:{required:!0,tsType:{name:"signature",type:"function",raw:"(close?: TEmpty) => void",signature:{arguments:[{type:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},name:"close"}],return:{name:"void"}}},description:""},close:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const v=({children:e,placement:p="top-center",closeOnOutsideClick:d=!0,fullWidth:m=!1,title:f="",cancelText:g="Cancel",onClickCancel:a=i=>i&&i(),okText:o="Ok",onClickOk:D=()=>{},disableConfirmButton:E=!1,overflowContainer:N=!1,testId:C=void 0})=>{const i=t.jsx(O,{title:f,okText:o,onClickOk:D,disableConfirmButton:E,cancelText:g,onClickCancel:a,testId:C});return t.jsx(S,{content:i,placement:p,closeOnOutsideClick:d,fullWidth:m,overflowContainer:N,testId:C,children:e})};v.__docgenInfo={description:"",methods:[],displayName:"PopConfirm",props:{children:{required:!1,tsType:{name:"ReactNode"},description:""},placement:{required:!1,tsType:{name:"Placement"},description:"",defaultValue:{value:"'top-center'",computed:!1}},closeOnOutsideClick:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},fullWidth:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},title:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},cancelText:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'Cancel'",computed:!1}},onClickCancel:{required:!1,tsType:{name:"signature",type:"function",raw:"(close?: TEmpty) => void",signature:{arguments:[{type:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},name:"close"}],return:{name:"void"}}},description:"",defaultValue:{value:"(close) => close && close()",computed:!1}},disableConfirmButton:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},okText:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'Ok'",computed:!1}},onClickOk:{required:!1,tsType:{name:"signature",type:"function",raw:"(close?: TEmpty) => void",signature:{arguments:[{type:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},name:"close"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},overflowContainer:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},testId:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"undefined",computed:!0}}}};const Y=e=>{A({message:{type:"Success",content:"success!",details:"You successfully booked your cruise to Bahamas."}}),e()},oe={title:"Basic/PopConfirm",component:v,args:{title:"Do you want a free cruise to Bahamas?",onClickCancel:e=>e(),onClickOk:Y,children:t.jsx(u,{label:"Click me!"}),overflowContainer:!0,placement:"top-center"},decorators:[e=>t.jsx("div",{style:{display:"flex",justifyContent:"center"},children:e()})],parameters:{docs:{source:{excludeDecorators:!0}}}},c=e=>t.jsx(v,{...e}),l=c.bind({}),r=c.bind({});r.args={children:t.jsx(u,{small:!0,round:!0,basic:!0,colored:"muted",icon:"delete"})};const s=c.bind({});s.args={placement:"bottom-end"};const n=c.bind({});n.args={disableConfirmButton:!0};var x,b,T;l.parameters={...l.parameters,docs:{...(x=l.parameters)==null?void 0:x.docs,source:{originalSource:`args => <PopConfirm
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(T=(b=l.parameters)==null?void 0:b.docs)==null?void 0:T.source}}};var k,q,j;r.parameters={...r.parameters,docs:{...(k=r.parameters)==null?void 0:k.docs,source:{originalSource:`args => <PopConfirm
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(j=(q=r.parameters)==null?void 0:q.docs)==null?void 0:j.source}}};var _,h,w;s.parameters={...s.parameters,docs:{...(_=s.parameters)==null?void 0:_.docs,source:{originalSource:`args => <PopConfirm
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(w=(h=s.parameters)==null?void 0:h.docs)==null?void 0:w.source}}};var P,V,B;n.parameters={...n.parameters,docs:{...(P=n.parameters)==null?void 0:P.docs,source:{originalSource:`args => <PopConfirm
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(B=(V=n.parameters)==null?void 0:V.docs)==null?void 0:B.source}}};const ie=["Default","Action","Placement","DisableConfirmButton"];export{r as Action,l as Default,n as DisableConfirmButton,s as Placement,ie as __namedExportsOrder,oe as default};

package/dist/storybook/assets/popover-CSc-8-Dh.css

@@ -1 +0,0 @@
-._toggleBox_lhie5_1{background-color:var(--color-background-layer);padding:var(--padding-sm);border:1px solid var(--color-border);border-radius:var(--border-radius);z-index:var(--zindex-popover)}._fullWidthStyleFix_lhie5_8{max-width:100%;left:0!important;margin:0 35px}._dismiss_lhie5_13{position:absolute;top:0;right:0;transform:translate(50%,-50%)}

package/dist/storybook/assets/popover-C_2P8LFJ.js

@@ -1 +0,0 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as n,R as u}from"./index-DhsZuJvc.js";import{u as _,A as j,i as B}from"./tooltip-1V7clEnw.js";import{c}from"./index-Bk2sglWO.js";import{I as P}from"./common-types-Sih75Sav.js";import{D as V}from"./disabled-context-rmpd7YJS.js";import{B as k}from"./button-Cbv7WK6k.js";const E="_toggleBox_lhie5_1",R="_fullWidthStyleFix_lhie5_8",S="_dismiss_lhie5_13",a={toggleBox:E,fullWidthStyleFix:R,dismiss:S},W=({children:f,content:i,placement:p="top-center",closeOnOutsideClick:m=!0,fullWidth:g=!1,showCloseButton:x=!1,testId:y,disabled:s=!1,overflowContainer:v=!1,isOpen:d,onToggle:h})=>{const o=n.useContext(V),[l,t]=d!==void 0?[d,h]:n.useState(!1),r=()=>{!s&&!o&&t&&t(!1)},b=()=>{s||o||t&&t(!l)};n.useEffect(()=>{(s||o)&&r()},[s,o]);const{renderLayer:T,arrowProps:C,layerProps:q,triggerProps:O}=_({isOpen:l,placement:p,auto:!0,triggerOffset:6,onOutsideClick:m?r:void 0,ResizeObserver:B,overflowContainer:v});return e.jsxs(e.Fragment,{children:[e.jsx("div",{ref:O.ref,onClick:b,"data-testid":y,children:f}),l&&T(e.jsxs("div",{className:g?c(a.toggleBox,a.fullWidthStyleFix):c(a.toggleBox),...q,children:[e.jsxs("div",{children:[u.isValidElement(i)?u.cloneElement(i,{close:r}):i,x&&e.jsx("div",{className:a.dismiss,children:e.jsx(k,{small:!0,round:!0,onClick:r,icon:P.CLOSE})})]}),e.jsx(j,{...C,backgroundColor:"var(--color-background-layer)",borderColor:"var(--color-border)",borderWidth:1,size:6})]}))]})};W.__docgenInfo={description:"",methods:[],displayName:"Popover",props:{children:{required:!1,tsType:{name:"ReactNode"},description:""},content:{required:!1,tsType:{name:"ReactNode"},description:""},placement:{required:!1,tsType:{name:"Placement"},description:"",defaultValue:{value:"'top-center'",computed:!1}},closeOnOutsideClick:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},fullWidth:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},showCloseButton:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},testId:{required:!1,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},overflowContainer:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},isOpen:{required:!1,tsType:{name:"boolean"},description:""},onToggle:{required:!1,tsType:{name:"signature",type:"function",raw:"(isOpen: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"isOpen"}],return:{name:"void"}}},description:""}}};export{W as P};

package/dist/storybook/assets/popover.stories-DZTfimDf.js

@@ -1,10 +0,0 @@
-import{j as r}from"./jsx-runtime-eps93zm2.js";import{r as k}from"./index-DhsZuJvc.js";import{S as w}from"./spacer-BWoNR27H.js";import{P as n}from"./popover-C_2P8LFJ.js";import{I as c}from"./input-Db9WkmPP.js";import{B as i}from"./button-Cbv7WK6k.js";import{F as y}from"./flex-EllkLxgO.js";import{S as D}from"./select-Cwks-WA0.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./types-Dx2TtIG9.js";import"./lodash-c4VUpsOs.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./enum-Bnn40S8Q.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-Bax0KeqM.js";import"./badge-CLQ59MDF.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";const u=[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],_=({close:e})=>r.jsxs(y,{gap:"var(--padding-xs)",children:[r.jsx(c,{value:"Value",width:"150px",small:!0}),r.jsx(D,{options:u,value:u[0],width:"auto",small:!0}),r.jsx(i,{colored:!0,label:"Save",onClick:()=>{},small:!0}),r.jsx(i,{label:"Cancel",onClick:e,small:!0})]}),nr={title:"Basic/Popover",component:n,args:{overflowContainer:!0,content:r.jsx(_,{}),children:r.jsx(i,{label:"Toggle me"})},decorators:[e=>r.jsx("div",{style:{display:"flex"},children:e()})],parameters:{docs:{source:{excludeDecorators:!0}}}},l=e=>r.jsx(n,{...e}),p=l.bind({}),o=l.bind({});o.args={children:r.jsx(c,{value:"Value",width:"100%"})};const s=l.bind({});s.args={closeOnOutsideClick:!1,showCloseButton:!0};const t=l.bind({});t.args={disabled:!0};const a=e=>{const[m,T]=k.useState(!1);return r.jsxs("div",{children:[r.jsx(i,{onClick:()=>T(!m),label:"Toggle Popover Externally"}),r.jsx(w,{}),r.jsx(n,{...e,isOpen:m,children:r.jsx(c,{})})]})};a.__docgenInfo={description:"",methods:[],displayName:"ExternalControl"};var d,g,x;p.parameters={...p.parameters,docs:{...(d=p.parameters)==null?void 0:d.docs,source:{originalSource:"args => <Popover {...args} />",...(x=(g=p.parameters)==null?void 0:g.docs)==null?void 0:x.source}}};var v,f,j;o.parameters={...o.parameters,docs:{...(v=o.parameters)==null?void 0:v.docs,source:{originalSource:"args => <Popover {...args} />",...(j=(f=o.parameters)==null?void 0:f.docs)==null?void 0:j.source}}};var b,S,C;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:"args => <Popover {...args} />",...(C=(S=s.parameters)==null?void 0:S.docs)==null?void 0:C.source}}};var O,h,P;t.parameters={...t.parameters,docs:{...(O=t.parameters)==null?void 0:O.docs,source:{originalSource:"args => <Popover {...args} />",...(P=(h=t.parameters)==null?void 0:h.docs)==null?void 0:P.source}}};var I,E,B;a.parameters={...a.parameters,docs:{...(I=a.parameters)==null?void 0:I.docs,source:{originalSource:`args => {
-  const [isOpen, setIsOpen] = useState(false);
-  return <div>
-      <Button onClick={() => setIsOpen(!isOpen)} label="Toggle Popover Externally" />
-      <Spacer />
-      <Popover {...args} isOpen={isOpen}>
-        <Input />
-      </Popover>
-    </div>;
-}`,...(B=(E=a.parameters)==null?void 0:E.docs)==null?void 0:B.source}}};const cr=["Default","InputTrigger","CloseButton","Disabled","ExternalControl"];export{s as CloseButton,p as Default,t as Disabled,a as ExternalControl,o as InputTrigger,cr as __namedExportsOrder,nr as default};

package/dist/storybook/assets/portal-GQ0_cLB6.js

@@ -1 +0,0 @@
-import{r}from"./index-DhsZuJvc.js";import{r as u}from"./index-CUZDtIZe.js";const m=({id:t,children:o})=>{const e=document.querySelector(`#${t}`),[a,s]=r.useState(!1);return r.useLayoutEffect(()=>{a||s(!0)},[t]),e?u.createPortal(o,e):null};export{m as P};

package/dist/storybook/assets/portal.stories-BvRfNPz3.js

@@ -1,20 +0,0 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as i}from"./index-DhsZuJvc.js";import{r as h}from"./index-CUZDtIZe.js";import{P as y}from"./portal-GQ0_cLB6.js";const S={title:"Modals/Portal",component:y,args:{children:e.jsx("div",{children:"Portal content"}),id:"portalContainer"},parameters:{docs:{story:{inline:!1,iframeHeight:400}}}},x=t=>e.jsxs(e.Fragment,{children:[e.jsx(y,{...t}),e.jsx("div",{id:t.id})]}),a=x.bind({}),r=()=>{const t=document.querySelector("#root");return e.jsxs(e.Fragment,{children:[e.jsx("div",{id:"portalContainer"}),t&&h.createPortal(e.jsx("div",{children:"Portal content"}),t)]})};r.parameters={docs:{source:{type:"code"},description:{story:"How to use React `createPortal()` directly"}}};const o=()=>{const t=document.querySelector("#portalContainer"),[s,v]=i.useState(!1);return i.useEffect(()=>{s||v(!0)},[]),e.jsxs(e.Fragment,{children:[e.jsx("div",{id:"portalContainer"}),s&&t&&h.createPortal(e.jsx("div",{children:"Portal content"}),t)]})};o.parameters={docs:{source:{type:"code"},description:{story:"This story shows how to use React `createPortal()` directly. The domNode for `createPortal()` must exist. For a dynamic container, this is not the case on the first render."}}};r.__docgenInfo={description:"",methods:[],displayName:"CreatePortal"};o.__docgenInfo={description:"",methods:[],displayName:"CreatePortalWithDynamicDOMNode"};var n,c,d;a.parameters={...a.parameters,docs:{...(n=a.parameters)==null?void 0:n.docs,source:{originalSource:`args => <>
-    <Portal {...args} />
-    <div id={args.id} />
-  </>`,...(d=(c=a.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};var l,p,m;r.parameters={...r.parameters,docs:{...(l=r.parameters)==null?void 0:l.docs,source:{originalSource:`() => {
-  const parent = document.querySelector('#root');
-  return <>
-      <div id="portalContainer" />
-      {parent && createPortal(<div>Portal content</div>, parent)}
-    </>;
-}`,...(m=(p=r.parameters)==null?void 0:p.docs)==null?void 0:m.source}}};var u,P,f;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`() => {
-  const parent = document.querySelector('#portalContainer');
-  const [visible, setVisible] = useState(false);
-  useEffect(() => {
-    if (!visible) setVisible(true);
-  }, []);
-  return <>
-      <div id="portalContainer" />
-      {visible && parent && createPortal(<div>Portal content</div>, parent)}
-    </>;
-}`,...(f=(P=o.parameters)==null?void 0:P.docs)==null?void 0:f.source}}};const b=["Default","CreatePortal","CreatePortalWithDynamicDOMNode"];export{r as CreatePortal,o as CreatePortalWithDynamicDOMNode,a as Default,b as __namedExportsOrder,S as default};

package/dist/storybook/assets/preview-B0ZyjArU.css

@@ -1 +0,0 @@
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-latin-400-normal-CF_EggQ_.woff2) format("woff2"),url(./noto-sans-latin-400-normal-DMz6UGTQ.woff) format("woff")}@font-face{font-family:Noto Sans;font-style:italic;font-display:swap;font-weight:400;src:url(./noto-sans-latin-400-italic-NApRWGLz.woff2) format("woff2"),url(./noto-sans-latin-400-italic-BT87CHj2.woff) format("woff")}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./noto-sans-latin-700-normal-DwlQfr5s.woff2) format("woff2"),url(./noto-sans-latin-700-normal-CkyHDghY.woff) format("woff")}@font-face{font-family:Noto Sans;font-style:italic;font-display:swap;font-weight:700;src:url(./noto-sans-latin-700-italic-Cw3cBBZk.woff2) format("woff2"),url(./noto-sans-latin-700-italic-qe_3Da_h.woff) format("woff")}*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box}input[type=text],input[type=email],input[type=search],input[type=password]{-webkit-appearance:none;-moz-appearance:none}:focus{outline:none!important}::-moz-focus-inner{border:0!important}a{color:inherit}:root{--color-primary-0: hsl(0, 0%, 100%);--color-primary-50: hsl(25.25, 100%, 97.5%);--color-primary-100: hsl(25.25, 100%, 92.5%);--color-primary-150: hsl(25.25, 100%, 87.5%);--color-primary-200: hsl(25.25, 100%, 82.5%);--color-primary-250: hsl(25.25, 100%, 77.5%);--color-primary-300: hsl(25.25, 100%, 72.5%);--color-primary-350: hsl(25.25, 100%, 67.5%);--color-primary-400: hsl(25.25, 100%, 62.5%);--color-primary-450: hsl(25.25, 100%, 57.5%);--color-primary-500: hsl(25.25, 100%, 52.5%);--color-primary-550: hsl(25.25, 100%, 47.5%);--color-primary-600: hsl(25.25, 100%, 42.5%);--color-primary-650: hsl(25.25, 100%, 37.5%);--color-primary-700: hsl(25.25, 100%, 32.5%);--color-primary-750: hsl(25.25, 100%, 27.5%);--color-primary-800: hsl(25.25, 100%, 22.5%);--color-primary-850: hsl(25.25, 100%, 17.5%);--color-primary-900: hsl(25.25, 100%, 12.5%);--color-primary-950: hsl(25.25, 100%, 7.5%);--color-primary-1000: hsl(25.25, 100%, 2.5%);--color-error-0: hsl(0, 0%, 100%);--color-error-50: hsl(0, 51.29186603%, 97.5%);--color-error-100: hsl(0, 51.29186603%, 92.5%);--color-error-150: hsl(0, 51.29186603%, 87.5%);--color-error-200: hsl(0, 51.29186603%, 82.5%);--color-error-250: hsl(0, 51.29186603%, 77.5%);--color-error-300: hsl(0, 51.29186603%, 72.5%);--color-error-350: hsl(0, 51.29186603%, 67.5%);--color-error-400: hsl(0, 51.29186603%, 62.5%);--color-error-450: hsl(0, 51.29186603%, 57.5%);--color-error-500: hsl(0, 51.29186603%, 52.5%);--color-error-550: hsl(0, 51.29186603%, 47.5%);--color-error-600: hsl(0, 51.29186603%, 42.5%);--color-error-650: hsl(0, 51.29186603%, 37.5%);--color-error-700: hsl(0, 51.29186603%, 32.5%);--color-error-750: hsl(0, 51.29186603%, 27.5%);--color-error-800: hsl(0, 51.29186603%, 22.5%);--color-error-850: hsl(0, 51.29186603%, 17.5%);--color-error-900: hsl(0, 51.29186603%, 12.5%);--color-error-950: hsl(0, 51.29186603%, 7.5%);--color-error-1000: hsl(0, 51.29186603%, 2.5%);--color-success-0: hsl(0, 0%, 100%);--color-success-50: hsl(120, 32.03252033%, 97.5%);--color-success-100: hsl(120, 32.03252033%, 92.5%);--color-success-150: hsl(120, 32.03252033%, 87.5%);--color-success-200: hsl(120, 32.03252033%, 82.5%);--color-success-250: hsl(120, 32.03252033%, 77.5%);--color-success-300: hsl(120, 32.03252033%, 72.5%);--color-success-350: hsl(120, 32.03252033%, 67.5%);--color-success-400: hsl(120, 32.03252033%, 62.5%);--color-success-450: hsl(120, 32.03252033%, 57.5%);--color-success-500: hsl(120, 32.03252033%, 52.5%);--color-success-550: hsl(120, 32.03252033%, 47.5%);--color-success-600: hsl(120, 32.03252033%, 42.5%);--color-success-650: hsl(120, 32.03252033%, 37.5%);--color-success-700: hsl(120, 32.03252033%, 32.5%);--color-success-750: hsl(120, 32.03252033%, 27.5%);--color-success-800: hsl(120, 32.03252033%, 22.5%);--color-success-850: hsl(120, 32.03252033%, 17.5%);--color-success-900: hsl(120, 32.03252033%, 12.5%);--color-success-950: hsl(120, 32.03252033%, 7.5%);--color-success-1000: hsl(120, 32.03252033%, 2.5%);--color-warning-0: hsl(0, 0%, 100%);--color-warning-50: hsl(44.9197861, 56.32653061%, 97.5%);--color-warning-100: hsl(44.9197861, 56.32653061%, 92.5%);--color-warning-150: hsl(44.9197861, 56.32653061%, 87.5%);--color-warning-200: hsl(44.9197861, 56.32653061%, 82.5%);--color-warning-250: hsl(44.9197861, 56.32653061%, 77.5%);--color-warning-300: hsl(44.9197861, 56.32653061%, 72.5%);--color-warning-350: hsl(44.9197861, 56.32653061%, 67.5%);--color-warning-400: hsl(44.9197861, 56.32653061%, 62.5%);--color-warning-450: hsl(44.9197861, 56.32653061%, 57.5%);--color-warning-500: hsl(44.9197861, 56.32653061%, 52.5%);--color-warning-550: hsl(44.9197861, 56.32653061%, 47.5%);--color-warning-600: hsl(44.9197861, 56.32653061%, 42.5%);--color-warning-650: hsl(44.9197861, 56.32653061%, 37.5%);--color-warning-700: hsl(44.9197861, 56.32653061%, 32.5%);--color-warning-750: hsl(44.9197861, 56.32653061%, 27.5%);--color-warning-800: hsl(44.9197861, 56.32653061%, 22.5%);--color-warning-850: hsl(44.9197861, 56.32653061%, 17.5%);--color-warning-900: hsl(44.9197861, 56.32653061%, 12.5%);--color-warning-950: hsl(44.9197861, 56.32653061%, 7.5%);--color-warning-1000: hsl(44.9197861, 56.32653061%, 2.5%);--color-info-0: hsl(0, 0%, 100%);--color-info-50: hsl(201.03092784, 52.90598291%, 97.5%);--color-info-100: hsl(201.03092784, 52.90598291%, 92.5%);--color-info-150: hsl(201.03092784, 52.90598291%, 87.5%);--color-info-200: hsl(201.03092784, 52.90598291%, 82.5%);--color-info-250: hsl(201.03092784, 52.90598291%, 77.5%);--color-info-300: hsl(201.03092784, 52.90598291%, 72.5%);--color-info-350: hsl(201.03092784, 52.90598291%, 67.5%);--color-info-400: hsl(201.03092784, 52.90598291%, 62.5%);--color-info-450: hsl(201.03092784, 52.90598291%, 57.5%);--color-info-500: hsl(201.03092784, 52.90598291%, 52.5%);--color-info-550: hsl(201.03092784, 52.90598291%, 47.5%);--color-info-600: hsl(201.03092784, 52.90598291%, 42.5%);--color-info-650: hsl(201.03092784, 52.90598291%, 37.5%);--color-info-700: hsl(201.03092784, 52.90598291%, 32.5%);--color-info-750: hsl(201.03092784, 52.90598291%, 27.5%);--color-info-800: hsl(201.03092784, 52.90598291%, 22.5%);--color-info-850: hsl(201.03092784, 52.90598291%, 17.5%);--color-info-900: hsl(201.03092784, 52.90598291%, 12.5%);--color-info-950: hsl(201.03092784, 52.90598291%, 7.5%);--color-info-1000: hsl(201.03092784, 52.90598291%, 2.5%);--color-neutral-0: hsl(0, 0%, 100%);--color-neutral-50: hsl(60, 10.05291005%, 97.5%);--color-neutral-100: hsl(60, 10.05291005%, 92.5%);--color-neutral-150: hsl(60, 10.05291005%, 87.5%);--color-neutral-200: hsl(60, 10.05291005%, 82.5%);--color-neutral-250: hsl(60, 10.05291005%, 77.5%);--color-neutral-300: hsl(60, 10.05291005%, 72.5%);--color-neutral-350: hsl(60, 10.05291005%, 67.5%);--color-neutral-400: hsl(60, 10.05291005%, 62.5%);--color-neutral-450: hsl(60, 10.05291005%, 57.5%);--color-neutral-500: hsl(60, 10.05291005%, 52.5%);--color-neutral-550: hsl(60, 10.05291005%, 47.5%);--color-neutral-600: hsl(60, 10.05291005%, 42.5%);--color-neutral-650: hsl(60, 10.05291005%, 37.5%);--color-neutral-700: hsl(60, 10.05291005%, 32.5%);--color-neutral-750: hsl(60, 10.05291005%, 27.5%);--color-neutral-800: hsl(60, 10.05291005%, 22.5%);--color-neutral-850: hsl(60, 10.05291005%, 17.5%);--color-neutral-900: hsl(60, 10.05291005%, 12.5%);--color-neutral-950: hsl(60, 10.05291005%, 7.5%);--color-neutral-1000: hsl(60, 10.05291005%, 2.5%)}:root{color-scheme:initial;--font-family: "Roobert", "Noto Sans", sans-serif;--font-size-xl: 17px;--font-size-lg: 15px;--font-size: 13px;--font-size-sm: 12px;--font-size-xs: 11px;--line-height: 20px;--line-height-sm: 16px;--letter-spacing-wide: .05em;--size-xl: 48px;--size-lg: 36px;--size: 30px;--size-sm: 24px;--size-xs: 16px;--padding-xxs: 4px;--padding-xs: 8px;--padding-sm: 12px;--padding: 16px;--padding-lg: 20px;--padding-xl: 24px;--padding-input-x: var(--padding-xs);--padding-input-y: calc((var(--size) - var(--line-height) - 2px) / 2);--padding-input: var(--padding-input-y) var(--padding-input-x);--padding-input-sm-x: var(--padding-xs);--padding-input-sm-y: calc((var(--size-sm) - var(--line-height) - 2px) / 2);--padding-input-sm: var(--padding-input-sm-y) var(--padding-input-sm-x);--border-radius: 4px;--border-radius-sm: 2px;--zindex-topbar-alert: 98;--zindex-drawer: 99;--zindex-topbar: 101;--zindex-dimmer: 1000;--zindex-modal: 2000;--zindex-popover: 2001;--zindex-dropdown: 2002;--zindex-tooltip: 2003;--shadow-button: 0 1px 1px rgba(0, 0, 0, .1);--shadow-card: 0 1px 2px rgba(0, 0, 0, .1);--shadow-layer: 0 1px 2px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .1), 0 0 4px rgba(0, 0, 0, .1);--shadow-focus: 0 0 0 2px rgba(255, 116, 15, .25);--color-text: var(--color-neutral-900);--color-text-muted: var(--color-neutral-700);--color-text-faint: var(--color-neutral-500);--color-text-error: var(--color-error-600);--color-text-warning: var(--color-warning-600);--color-text-success: var(--color-success-600);--color-text-info: var(--color-info-600);--color-text-primary: var(--color-primary-500);--color-text-primary-hover: var(--color-primary-600);--color-text-primary-active: var(--color-primary-700);--color-text-placeholder: rgba(0, 0, 0, .3);--color-background: var(--color-neutral-100);--color-background-raised: white;--color-background-layer: white;--color-background-disabled: rgba(0, 0, 0, .05);--color-background-info: var(--color-info-500);--color-background-info-muted: var(--color-info-100);--color-background-error: var(--color-error-500);--color-background-error-muted: var(--color-error-100);--color-background-success: var(--color-success-500);--color-background-success-muted: var(--color-success-100);--color-background-warning: var(--color-warning-500);--color-background-warning-muted: var(--color-warning-100);--color-background-primary: var(--color-primary-500);--color-background-primary-muted: var(--color-primary-100);--color-background-input: white;--color-background-cardheader: var(--color-neutral-50);--color-background-listitem-active: var(--color-background-primary-muted);--color-background-listitem-hover: var(--color-neutral-100);--color-border: var(--color-neutral-250);--color-border-checkbox: var(--color-neutral-300);--color-border-hover: var(--color-neutral-400);--color-border-focus: var(--color-primary-500);--color-border-error: var(--color-error-300);--color-border-error-hover: var(--color-error-400);--color-border-warning: var(--color-warning-300);--color-border-warning-hover: var(--color-warning-400)}html[data-theme=dark]{color-scheme:dark;--color-text: var(--color-neutral-200);--color-text-muted: var(--color-neutral-400);--color-text-faint: var(--color-neutral-600);--color-text-primary: var(--color-primary-400);--color-text-primary-active: var(--color-primary-200);--color-text-primary-hover: var(--color-primary-300);--color-text-error: var(--color-error-300);--color-text-info: var(--color-info-300);--color-text-success: var(--color-success-300);--color-text-warning: var(--color-warning-300);--color-text-placeholder: rgba(255, 255, 255, .4);--color-background: var(--color-neutral-900);--color-background-raised: var(--color-neutral-850);--color-background-layer: var(--color-neutral-750);--color-background-disabled: rgba(0, 0, 0, .2);--color-background-info: var(--color-info-500);--color-background-info-muted: var(--color-info-800);--color-background-error: var(--color-error-500);--color-background-error-muted: var(--color-error-800);--color-background-success: var(--color-success-500);--color-background-success-muted: var(--color-success-800);--color-background-warning: var(--color-warning-500);--color-background-warning-muted: var(--color-warning-800);--color-background-primary: var(--color-primary-500);--color-background-primary-muted: var(--color-primary-800);--color-background-cardheader: transparent;--color-background-input: rgba(255, 255, 255, .1);--color-background-listitem-active: var(--color-primary-800);--color-background-listitem-hover: var(--color-neutral-750);--color-border: black;--color-border-checkbox: black;--color-border-hover: var(--color-neutral-500);--color-border-focus: var(--color-primary-500);--color-border-error: var(--color-error-600);--color-border-warning: var(--color-warning-600);--shadow-focus: 0 0 0 2px rgba(255, 116, 15, .5)}.field{margin-bottom:var(--padding);color:var(--color-text)}.field.labelLeft{display:flex;align-items:center}.field.labelLeft .fieldInput{flex-grow:1}.formRow,.form-row{display:flex;flex-wrap:wrap;align-items:flex-end}.formRow>*:not(:last-child),.form-row>*:not(:last-child){margin-right:var(--padding)}.formRow .button,.form-row .button{margin-bottom:var(--padding)}html{font-size:var(--font-size)}body{color:var(--color-text);line-height:var(--line-height);font-family:var(--font-family);font-size:var(--font-size)}.dark{color:var(--color-text)}h1,h2,h3,h4,h5{line-height:1.285714em;margin:0 0 1rem}p,ul,ol{margin:0 0 1rem;line-height:var(--line-height)}p:last-child,ul:last-child,ol:last-child{margin-bottom:0}ul,ol{padding-left:1.5em}a{text-decoration:none}@-moz-document url-prefix(){.docs-story>div>div{height:100%!important}}