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

package/dist/storybook/project.json

@@ -1 +1 @@
-{"generatedAt":1725445073008,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@types/jest":"29.5.12","@vitest/coverage-c8":"0.31.4","eslint-plugin-vitest":null,"eslint-plugin-vitest-globals":"1.5.0","vitest":"1.6.0"},"packageManager":{"type":"yarn","version":"1.22.19"},"typescriptOptions":{"reactDocgen":"react-docgen"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"8.2.8","storybookVersionSpecifier":"^8.2.4","language":"typescript","storybookPackages":{"@storybook/addon-essentials":{"version":"8.2.8"},"@storybook/addon-links":{"version":"8.2.8"},"@storybook/preview-api":{"version":"8.2.8"},"@storybook/react":{"version":"8.2.8"},"@storybook/react-vite":{"version":"8.2.8"},"@storybook/test":{"version":"8.2.8"},"@storybook/test-runner":{"version":"0.19.1"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"8.2.8"}},"addons":{"@storybook/addon-actions":{"version":"8.2.8"},"@storybook/addon-docs":{"version":"8.2.8"},"@storybook/addon-interactions":{"version":"8.2.8"},"storybook-dark-mode":{"version":"4.0.2"}}}
+{"generatedAt":1725450186420,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@types/jest":"29.5.12","@vitest/coverage-c8":"0.31.4","eslint-plugin-vitest":null,"eslint-plugin-vitest-globals":"1.5.0","vitest":"1.6.0"},"packageManager":{"type":"yarn","version":"1.22.19"},"typescriptOptions":{"reactDocgen":"react-docgen"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"8.2.8","storybookVersionSpecifier":"^8.2.4","language":"typescript","storybookPackages":{"@storybook/addon-essentials":{"version":"8.2.8"},"@storybook/addon-links":{"version":"8.2.8"},"@storybook/preview-api":{"version":"8.2.8"},"@storybook/react":{"version":"8.2.8"},"@storybook/react-vite":{"version":"8.2.8"},"@storybook/test":{"version":"8.2.8"},"@storybook/test-runner":{"version":"0.19.1"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"8.2.8"}},"addons":{"@storybook/addon-actions":{"version":"8.2.8"},"@storybook/addon-docs":{"version":"8.2.8"},"@storybook/addon-interactions":{"version":"8.2.8"},"storybook-dark-mode":{"version":"4.0.2"}}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "4.11.2-beta-1",
+  "version": "4.11.2-beta-3",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {

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

@@ -1,92 +0,0 @@
-import{j as a}from"./jsx-runtime-eps93zm2.js";import{r as l}from"./index-DhsZuJvc.js";import{w as c,u as n,e as o,f as B,a as C}from"./index-DMAnyMX5.js";import{S as x}from"./spacer-BWoNR27H.js";import{G as K}from"./grid-DRkC-bt8.js";import{C as m}from"./card-EcjmryU9.js";import{B as Q}from"./button-Cbv7WK6k.js";import{H as p}from"./heading-CRNoBc7q.js";import{I as ee}from"./input-group-addon-D68iUKV2.js";import{S as te}from"./select-Cwks-WA0.js";import{I as ae}from"./input-group-BaRSJAEN.js";import{F as V}from"./field-HrLaMLbx.js";import{T as R}from"./toggle-BbFVf61v.js";import{T as ne}from"./text-B3-TSWok.js";import{M as se}from"./message-BRyKdRaX.js";import{I as X}from"./icon-BSFY3vDO.js";import{N as u}from"./number-input-CNnU6gOF.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 Ke={title:"Forms/NumberInput/Test Cases",component:u,parameters:{canvas:{page:null}},args:{label:"Label"},tags:["!autodocs"]},v=()=>a.jsxs(ae,{small:!0,children:[a.jsx(u,{value:123}),a.jsx(ee,{children:"to"}),a.jsx(u,{value:123}),a.jsx(te,{options:[{value:"units",label:"units"}],width:"auto",value:"units"})]}),g=()=>{const[r,s]=l.useState("123|m");return a.jsx(u,{name:"example",onChange:t=>s(t.target.value),placeholder:"Type a value...",value:r,testId:"testId"})};g.play=async({canvasElement:r,step:s})=>{const t=c(r),i=c(r.ownerDocument.body);await s("Shows validation error for non-numeric input",async()=>{const e=t.getByTestId("testId");await n.clear(e),await n.type(e,"123x45s6"),await o(t.getByDisplayValue("123x45s6")).toBeInTheDocument(),await B.mouseOver(e),await o(e.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(u,{value:r,onChange:t=>{s(t.target.value)},testId:"testId",enableDisplayRounding:!0})};y.play=async({canvasElement:r,step:s})=>{const t=c(r);await s("Value should be rounded on blur",async()=>{const i=t.getByTestId("testId");await n.clear(i),await n.type(i,"123.123456789"),await n.click(r),await o(t.getByDisplayValue("123.12")).toBeInTheDocument()}),await s("Full value shown on focus",async()=>{const i=t.getByTestId("testId");await n.click(i),await o(t.getByDisplayValue("123.123456789")).toBeInTheDocument()})};const w=()=>{const[r,s]=l.useState(!0),t=()=>{s(!1),setTimeout(()=>s(!0),0)},[i,e]=l.useState("123");return a.jsxs(K,{columns:"1fr 1fr",gap:!0,children:[a.jsxs(m,{heading:a.jsx(p,{children:"Storage State (Redux)"}),children:[i,a.jsx(x,{}),a.jsx(Q,{label:"Change value",onClick:()=>e(String(Math.floor(Math.random()*100)))})]}),a.jsx(m,{heading:a.jsx(p,{icon:a.jsx(X,{icon:"refresh"}),onIconClick:t,children:"NumberInput"}),children:r&&a.jsx(u,{value:i,onChange:h=>{e(h.target.value)},error:Number(i)>=0?"":"Value must be positive"})})]})},I=()=>{const[r,s]=l.useState(!0),t=()=>{s(!1),setTimeout(()=>s(!0),0)},[i,e]=l.useState(!1),[h,Y]=l.useState(!0),[f,D]=l.useState("0.6889763779527558"),[S,Z]=l.useState(""),$=Number(f)*.3048;return a.jsxs(K,{columns:"1fr 1fr",gap:!0,children:[a.jsxs(m,{heading:a.jsx(p,{children:"Settings"}),children:[a.jsx(V,{label:"Enable display rounding:",labelLeft:!0,labelWidth:200,children:a.jsx(R,{checked:i,onChange:d=>e(d.target.checked)})}),a.jsx(V,{label:"Enable cosmetic rounding:",labelLeft:!0,labelWidth:200,children:a.jsx(R,{checked:h,onChange:d=>Y(d.target.checked)})})]}),a.jsxs(m,{heading:a.jsx(p,{icon:a.jsx(X,{icon:"refresh",testId:"triggerRerenderTestId"}),onIconClick:t,children:"NumberInput (displayed in Meters)"}),children:[a.jsx(ne,{faint:!0,children:"Cosmetic Rounding Test Cases: type 0.21 then return (compare with enableCosmeticRounding on and off)"}),a.jsx(x,{}),r&&a.jsx(u,{name:"Example",value:$,onChange:d=>{const T=String(Number(d.target.value)/.3048);D(T)},enableDisplayRounding:i,enableCosmeticRounding:h,error:Number(f)>=0?"":"Value must be positive",validationCallback:(d,T)=>{Z(T??"")},testId:"testId"})]}),a.jsxs(m,{heading:a.jsx(p,{children:"Storage State / Redux (stored in Feet)"}),children:[f,a.jsx(x,{}),a.jsx(Q,{label:"Change value",onClick:()=>D(String(Math.floor(Math.random()*100)))})]}),a.jsx(m,{heading:a.jsx(p,{children:"Test Validation Callback"}),children:S&&a.jsx(se,{message:{content:S,icon:!0,type:"Error",visible:!0}})})]})};I.play=async({canvasElement:r,step:s})=>{const t=c(r),i=c(r.ownerDocument.body);await s("Can enter decimal values",async()=>{const e=t.getByTestId("testId");await n.clear(e),await n.type(e,"123.123456789"),await n.click(r),await o(t.getByDisplayValue("123.123456789")).toBeInTheDocument()}),await s("Can enter scientific notation when storage unit is different",async()=>{const e=t.getByTestId("testId");await n.clear(e),await n.type(e,"-1.12e-3"),await o(t.getByDisplayValue("-1.12e-3")).toBeInTheDocument(),await t.getByTestId("triggerRerenderTestId").click(),await C(()=>{o(t.getByDisplayValue(-.00112)).toBeInTheDocument()})}),await s("Can enter comma decimals (converts to dot)",async()=>{const e=t.getByTestId("testId");await n.clear(e),await n.type(e,"123,456"),await o(t.getByDisplayValue("123.456")).toBeInTheDocument()}),await s("Can enter small numbers",async()=>{const e=t.getByTestId("testId");await n.clear(e),await n.type(e,"0.0000000023"),await o(t.getByDisplayValue("0.0000000023")).toBeInTheDocument()}),await s("Can enter large numbers",async()=>{const e=t.getByTestId("testId");await n.clear(e),await n.type(e,"999999999999"),await o(t.getByDisplayValue("999999999999")).toBeInTheDocument()}),await s("Shows validation error for non-numeric input",async()=>{const e=t.getByTestId("testId");await n.clear(e),await n.type(e,"123x45s6"),await n.click(r),await o(t.getByDisplayValue("123x45s6")).toBeInTheDocument(),await o(e.getAttribute("data-error")).toEqual("Must be a numerical value"),await B.mouseOver(e),await C(()=>{o(i.getAllByText("Must be a numerical value").length).toEqual(2)})})};const b=()=>{const[r,s]=l.useState("123");return a.jsx(u,{value:r,onChange:t=>{s(t.target.value)},testId:"testId"})};b.play=async({canvasElement:r,step:s})=>{const t=c(r),i=c(r.ownerDocument.body);await s("Can enter decimal values",async()=>{const e=t.getByTestId("testId");await n.clear(e),await n.type(e,"123.123456789"),await o(t.getByDisplayValue("123.123456789")).toBeInTheDocument()}),await s("Can enter scientific notation",async()=>{const e=t.getByTestId("testId");await n.clear(e),await n.type(e,"-1.12e3"),await o(t.getByDisplayValue("-1.12e3")).toBeInTheDocument()}),await s("Can enter comma decimals (converts to dot)",async()=>{const e=t.getByTestId("testId");await n.clear(e),await n.type(e,"123,456"),await o(t.getByDisplayValue("123.456")).toBeInTheDocument()}),await s("Can enter small numbers",async()=>{const e=t.getByTestId("testId");await n.clear(e),await n.type(e,"0.0000000023"),await o(t.getByDisplayValue("0.0000000023")).toBeInTheDocument()}),await s("Can enter large numbers",async()=>{const e=t.getByTestId("testId");await n.clear(e),await n.type(e,"999999999999"),await o(t.getByDisplayValue("999999999999")).toBeInTheDocument()}),await s("Shows validation error for non-numeric input",async()=>{const e=t.getByTestId("testId");await n.clear(e),await n.type(e,"123x45s6"),await o(t.getByDisplayValue("123x45s6")).toBeInTheDocument(),await o(e.getAttribute("data-error")).toEqual("Must be a numerical value"),await B.mouseOver(e),await C(()=>{o(i.getByText("Must be a numerical value")).toBeInTheDocument()})})};v.__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"};w.__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"};b.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"TestUserInput"};var j,k,E;v.parameters={...v.parameters,docs:{...(j=v.parameters)==null?void 0:j.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=(k=v.parameters)==null?void 0:k.docs)==null?void 0:E.source}}};var N,M,F;g.parameters={...g.parameters,docs:{...(N=g.parameters)==null?void 0:N.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=(M=g.parameters)==null?void 0:M.docs)==null?void 0:F.source}}};var _,G,H;y.parameters={...y.parameters,docs:{...(_=y.parameters)==null?void 0:_.docs,source:{originalSource:`() => {
-  const [value, setValue] = useState('123');
-  return <NumberInput value={value} onChange={evt => {
-    setValue(evt.target.value);
-  }} testId="testId" enableDisplayRounding />;
-}`,...(H=(G=y.parameters)==null?void 0:G.docs)==null?void 0:H.source}}};var A,L,q;w.parameters={...w.parameters,docs:{...(A=w.parameters)==null?void 0:A.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>;
-}`,...(q=(L=w.parameters)==null?void 0:L.docs)==null?void 0:q.source}}};var O,W,P;I.parameters={...I.parameters,docs:{...(O=I.parameters)==null?void 0:O.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>;
-}`,...(P=(W=I.parameters)==null?void 0:W.docs)==null?void 0:P.source}}};var U,z,J;b.parameters={...b.parameters,docs:{...(U=b.parameters)==null?void 0:U.docs,source:{originalSource:`() => {
-  const [value, setValue] = useState('123');
-  return <NumberInput value={value} onChange={evt => {
-    setValue(evt.target.value);
-  }} testId="testId" />;
-}`,...(J=(z=b.parameters)==null?void 0:z.docs)==null?void 0:J.source}}};const Qe=["TestInputGroup","Placeholder","TestDisplayRounding","ManagedTestCase","DemoCosmeticRounding","TestUserInput"];export{I as DemoCosmeticRounding,w as ManagedTestCase,g as Placeholder,y as TestDisplayRounding,v as TestInputGroup,b as TestUserInput,Qe as __namedExportsOrder,Ke as default};

package/dist/storybook/assets/slider.stories-ai1lgqaI.js

@@ -1,134 +0,0 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as de}from"./index-DhsZuJvc.js";import{S as V}from"./slider-Dvdl3yGr.js";import{T as pe}from"./text-B3-TSWok.js";import"./lodash-c4VUpsOs.js";import"./objectSpread2-DW4nTBoq.js";import"./index-Bk2sglWO.js";import"./inheritsLoose-DP0QEDDI.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./memoize-one.esm-CcMeOnPo.js";import"./index-BI4_Bp97.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./button-Cbv7WK6k.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./index-CEuq6vkz.js";const{useArgs:ce}=__STORYBOOK_MODULE_PREVIEW_API__,ve=[{label:"S1...",tooltip:"S1 Production",value:20},{label:"S2...",tooltip:"S2 Cementing",value:40},{label:"S3...",tooltip:e.jsxs("span",{children:[e.jsx("strong",{children:"S3"})," Drilling"]}),value:60},{label:"S4...",tooltip:"S4 Shut in",value:80},{label:"S5...",tooltip:"S5 Circulate",value:100}],Fe={title:"Forms/Slider",component:V,args:{value:50,min:0,max:100}},a=r=>{const[S,b]=de.useState(r.value);return e.jsx("div",{style:{paddingTop:40},children:e.jsx(V,{...r,value:S,onChange:x=>b(x.target.value)})})},h=a.bind({}),t=a.bind({});t.args={range:!0,value:[10,40]};const n=a.bind({});n.args={label:"Number of aardvarks"};const l=a.bind({});l.args={range:!0,value:[10,40],showArrows:!0};const o=r=>{const[{value:S},b]=ce(),x=ue=>{b({value:ue.target.value})};return e.jsx(e.Fragment,{children:e.jsx(V,{...r,label:e.jsxs("span",{children:["Fixed width label: ",e.jsx("strong",{children:S*Math.random()})]}),labelWidth:"400px",value:S,onChange:x})})},i=a.bind({});i.args={showTooltip:!0};const u=a.bind({});u.args={showTooltip:!0,tooltipFormatter:r=>e.jsx(pe,{warning:!0,children:`${r} extra info lorem ipsum`})};const d=a.bind({});d.args={showArrows:!0};const p=a.bind({});p.args={marks:[{value:20},{value:40},{value:60},{value:80},{value:100}]};const c=a.bind({});c.args={marks:[{tooltip:"S1 Production",value:20},{tooltip:"S2 Cementing",value:40},{tooltip:e.jsxs(e.Fragment,{children:[e.jsx("strong",{children:"S3"})," Drilling"]}),value:60},{tooltip:"S4 Shut in",value:80},{tooltip:"S5 Circulate",value:100}]};const v=a.bind({});v.args={marks:[{label:"20m",value:20},{label:"40m",value:40},{label:"60m",value:60},{label:"80m",value:80},{label:"100m",value:100}]};const s=a.bind({});s.args={small:!0};s.parameters={docs:{description:{story:"Reduces the vertical height of the `Slider` container to align with other `small` elements."}}};const g=a.bind({});g.args={disabled:!0};const m=a.bind({});m.args={marks:ve,vertical:{enabled:!0,width:"100px",height:"400px"}};o.__docgenInfo={description:"",methods:[],displayName:"JSXLabel"};var j,T,C;h.parameters={...h.parameters,docs:{...(j=h.parameters)==null?void 0:j.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState(args.value);
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} value={value} onChange={evt => setValue(evt.target.value)} />
-    </div>;
-}`,...(C=(T=h.parameters)==null?void 0:T.docs)==null?void 0:C.source}}};var y,w,A;t.parameters={...t.parameters,docs:{...(y=t.parameters)==null?void 0:y.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState(args.value);
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} value={value} onChange={evt => setValue(evt.target.value)} />
-    </div>;
-}`,...(A=(w=t.parameters)==null?void 0:w.docs)==null?void 0:A.source}}};var _,f,k;n.parameters={...n.parameters,docs:{...(_=n.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState(args.value);
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} value={value} onChange={evt => setValue(evt.target.value)} />
-    </div>;
-}`,...(k=(f=n.parameters)==null?void 0:f.docs)==null?void 0:k.source}}};var M,W,E;l.parameters={...l.parameters,docs:{...(M=l.parameters)==null?void 0:M.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState(args.value);
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} value={value} onChange={evt => setValue(evt.target.value)} />
-    </div>;
-}`,...(E=(W=l.parameters)==null?void 0:W.docs)==null?void 0:E.source}}};var F,L,R;o.parameters={...o.parameters,docs:{...(F=o.parameters)==null?void 0:F.docs,source:{originalSource:`args => {
-  const [{
-    value
-  }, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} label={<span>
-            Fixed width label: <strong>{value * Math.random()}</strong>
-          </span>} labelWidth="400px" value={value} onChange={handleChange} />
-    </>;
-}`,...(R=(L=o.parameters)==null?void 0:L.docs)==null?void 0:R.source}}};var D,O,P;i.parameters={...i.parameters,docs:{...(D=i.parameters)==null?void 0:D.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState(args.value);
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} value={value} onChange={evt => setValue(evt.target.value)} />
-    </div>;
-}`,...(P=(O=i.parameters)==null?void 0:O.docs)==null?void 0:P.source}}};var I,J,X;u.parameters={...u.parameters,docs:{...(I=u.parameters)==null?void 0:I.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState(args.value);
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} value={value} onChange={evt => setValue(evt.target.value)} />
-    </div>;
-}`,...(X=(J=u.parameters)==null?void 0:J.docs)==null?void 0:X.source}}};var N,B,K;d.parameters={...d.parameters,docs:{...(N=d.parameters)==null?void 0:N.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState(args.value);
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} value={value} onChange={evt => setValue(evt.target.value)} />
-    </div>;
-}`,...(K=(B=d.parameters)==null?void 0:B.docs)==null?void 0:K.source}}};var U,Y,$;p.parameters={...p.parameters,docs:{...(U=p.parameters)==null?void 0:U.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState(args.value);
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} value={value} onChange={evt => setValue(evt.target.value)} />
-    </div>;
-}`,...($=(Y=p.parameters)==null?void 0:Y.docs)==null?void 0:$.source}}};var q,z,G;c.parameters={...c.parameters,docs:{...(q=c.parameters)==null?void 0:q.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState(args.value);
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} value={value} onChange={evt => setValue(evt.target.value)} />
-    </div>;
-}`,...(G=(z=c.parameters)==null?void 0:z.docs)==null?void 0:G.source}}};var H,Q,Z;v.parameters={...v.parameters,docs:{...(H=v.parameters)==null?void 0:H.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState(args.value);
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} value={value} onChange={evt => setValue(evt.target.value)} />
-    </div>;
-}`,...(Z=(Q=v.parameters)==null?void 0:Q.docs)==null?void 0:Z.source}}};var ee,ae,re;s.parameters={...s.parameters,docs:{...(ee=s.parameters)==null?void 0:ee.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState(args.value);
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} value={value} onChange={evt => setValue(evt.target.value)} />
-    </div>;
-}`,...(re=(ae=s.parameters)==null?void 0:ae.docs)==null?void 0:re.source}}};var se,te,ne;g.parameters={...g.parameters,docs:{...(se=g.parameters)==null?void 0:se.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState(args.value);
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} value={value} onChange={evt => setValue(evt.target.value)} />
-    </div>;
-}`,...(ne=(te=g.parameters)==null?void 0:te.docs)==null?void 0:ne.source}}};var le,oe,ie;m.parameters={...m.parameters,docs:{...(le=m.parameters)==null?void 0:le.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState(args.value);
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} value={value} onChange={evt => setValue(evt.target.value)} />
-    </div>;
-}`,...(ie=(oe=m.parameters)==null?void 0:oe.docs)==null?void 0:ie.source}}};const Le=["Default","Range","Label","RangeWithArrows","JSXLabel","Tooltip","FormattedTooltip","Arrows","Marks","MarksWithExtraTooltip","MarksWithCustomLabel","Small","Disabled","Vertical"];export{d as Arrows,h as Default,g as Disabled,u as FormattedTooltip,o as JSXLabel,n as Label,p as Marks,v as MarksWithCustomLabel,c as MarksWithExtraTooltip,t as Range,l as RangeWithArrows,s as Small,i as Tooltip,m as Vertical,Le as __namedExportsOrder,Fe as default};