@oliasoft-open-source/react-ui-library 4.4.8 → 4.4.9-beta-1

package/dist/storybook/assets/{button-group.stories-tLZpLTfD.js → button-group.stories-U6DjmSki.js}

@@ -1,4 +1,4 @@
-import{j as B}from"./jsx-runtime-FsUICBgo.js";import{B as G}from"./button-group-q8QKkLVU.js";import"./index-RfLt4OUa.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./button-7V8oA22w.js";import"./index-VW3EWkuE.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";const I=[{key:"0",label:"Aardvarks",value:"termites"},{key:"1",label:"Kangaroos",value:"grass"},{key:"2",label:"Monkeys",value:"bananas"},{key:"3",label:"Possums",value:"slugs",hidden:!0},{key:"4",label:"Pandas",value:"bamboo",disabled:!0}],K=[{key:"0",label:"Upload",value:"upload",icon:"upload"},{key:"1",label:"Delete",value:"delete",icon:"delete"},{key:"2",label:"Help",value:"help",icon:"help"}],M=["One","Two","Three"],P=[["first_item","One"],["second_item","Two"],["third_item","Three"]],F=[{key:"0",label:"Aardvarks",value:"termites",tooltip:"Eats 50k termites / night"},{key:"1",label:"Kangaroos",value:"grass",tooltip:B.jsx("span",{children:"Babies are called joeys"})},{key:"2",label:"Monkeys",value:"bananas",warning:"A bit cheeky"},{key:"3",label:"Pandas",value:"bamboo",disabled:!0,tooltip:"Extinct"}],{useArgs:R}=__STORYBOOK_MODULE_ADDONS__,ae={title:"Forms/ButtonGroup",component:G,args:{disabled:!1,items:I,value:"0",small:!1,testId:void 0,onSelected:()=>{}}},e=D=>{const[U,N]=R(),E=w=>{N({value:w})};return B.jsx(G,{...D,onSelected:E})},l=e.bind({}),n=e.bind({});n.args={items:K};const a=e.bind({});a.args={items:F};const t=e.bind({});t.args={disabled:!0};const o=e.bind({});o.args={small:!0};const r=e.bind({});r.args={items:M};r.parameters={docs:{description:{story:"For simple cases when button key, label and value are the same."}}};const s=e.bind({});s.args={items:P};s.parameters={docs:{description:{story:"Avoid this deprecated legacy usage (still supported, but may be removed in future)."}}};var i,u,d;l.parameters={...l.parameters,docs:{...(i=l.parameters)==null?void 0:i.docs,source:{originalSource:`args => {
+import{j as B}from"./jsx-runtime-FsUICBgo.js";import{B as G}from"./button-group-kcxXYkIJ.js";import"./index-RfLt4OUa.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./button-qfybxFqE.js";import"./index-VW3EWkuE.js";import"./spinner-R8Il4aRe.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";const I=[{key:"0",label:"Aardvarks",value:"termites"},{key:"1",label:"Kangaroos",value:"grass"},{key:"2",label:"Monkeys",value:"bananas"},{key:"3",label:"Possums",value:"slugs",hidden:!0},{key:"4",label:"Pandas",value:"bamboo",disabled:!0}],K=[{key:"0",label:"Upload",value:"upload",icon:"upload"},{key:"1",label:"Delete",value:"delete",icon:"delete"},{key:"2",label:"Help",value:"help",icon:"help"}],M=["One","Two","Three"],P=[["first_item","One"],["second_item","Two"],["third_item","Three"]],F=[{key:"0",label:"Aardvarks",value:"termites",tooltip:"Eats 50k termites / night"},{key:"1",label:"Kangaroos",value:"grass",tooltip:B.jsx("span",{children:"Babies are called joeys"})},{key:"2",label:"Monkeys",value:"bananas",warning:"A bit cheeky"},{key:"3",label:"Pandas",value:"bamboo",disabled:!0,tooltip:"Extinct"}],{useArgs:R}=__STORYBOOK_MODULE_ADDONS__,te={title:"Forms/ButtonGroup",component:G,args:{disabled:!1,items:I,value:"0",small:!1,testId:void 0,onSelected:()=>{}}},e=D=>{const[U,N]=R(),E=w=>{N({value:w})};return B.jsx(G,{...D,onSelected:E})},l=e.bind({}),n=e.bind({});n.args={items:K};const a=e.bind({});a.args={items:F};const t=e.bind({});t.args={disabled:!0};const o=e.bind({});o.args={small:!0};const r=e.bind({});r.args={items:M};r.parameters={docs:{description:{story:"For simple cases when button key, label and value are the same."}}};const s=e.bind({});s.args={items:P};s.parameters={docs:{description:{story:"Avoid this deprecated legacy usage (still supported, but may be removed in future)."}}};var i,u,d;l.parameters={...l.parameters,docs:{...(i=l.parameters)==null?void 0:i.docs,source:{originalSource:`args => {
   const [_, updateArgs] = useArgs();
   const handleChange = (evt: TStringOrNumber) => {
     updateArgs({
@@ -68,4 +68,4 @@ import{j as B}from"./jsx-runtime-FsUICBgo.js";import{B as G}from"./button-group-
   return <ButtonGroup
   // eslint-disable-next-line react/jsx-props-no-spreading
   {...args} onSelected={handleChange} />;
-}`,...(j=(C=s.parameters)==null?void 0:C.docs)==null?void 0:j.source}}};const te=["Default","Icons","Tooltips","Disabled","Small","ArrayOfStrings","ArrayOfArrays"];export{s as ArrayOfArrays,r as ArrayOfStrings,l as Default,t as Disabled,n as Icons,o as Small,a as Tooltips,te as __namedExportsOrder,ae as default};
+}`,...(j=(C=s.parameters)==null?void 0:C.docs)==null?void 0:j.source}}};const oe=["Default","Icons","Tooltips","Disabled","Small","ArrayOfStrings","ArrayOfArrays"];export{s as ArrayOfArrays,r as ArrayOfStrings,l as Default,t as Disabled,n as Icons,o as Small,a as Tooltips,oe as __namedExportsOrder,te as default};

package/dist/storybook/assets/button-qfybxFqE.js

@@ -0,0 +1 @@
+import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as M}from"./index-RfLt4OUa.js";import{c as j}from"./index-VW3EWkuE.js";import{C as t,G as _}from"./common-types-U65vzrrz.js";import{D as w}from"./disabled-context-urNQThQz.js";import{S as C}from"./spinner-R8Il4aRe.js";import{I as F}from"./icon-_m67DAr0.js";import{T as R}from"./tooltip-ZHdi6rl-.js";const U="_inputInTable_1rzkf_1",D="_inputHover_1rzkf_13",L="_inputFocus_1rzkf_18",G="_inputError_1rzkf_25",H="_inputWarning_1rzkf_26",W="_inputDisabled_1rzkf_61",A="_hideScrollbars_1rzkf_67",J="_button_1rzkf_100",K="_active_1rzkf_135",P="_green_1rzkf_135",Q="_red_1rzkf_135",X="_orange_1rzkf_135",Y="_icon_1rzkf_147",Z="_iconOnly_1rzkf_153",$="_basic_1rzkf_163",ee="_muted_1rzkf_169",re="_disabled_1rzkf_188",ne="_small_1rzkf_198",ae="_pill_1rzkf_203",te="_round_1rzkf_204",le="_error_1rzkf_276",ie="_warning_1rzkf_293",se="_inverted_1rzkf_310",oe="_groupOrderFirst_1rzkf_340",ue="_groupOrderMiddle_1rzkf_341",de="_groupOrderLast_1rzkf_342",e={inputInTable:U,inputHover:D,inputFocus:L,inputError:G,inputWarning:H,inputDisabled:W,hideScrollbars:A,button:J,active:K,green:P,red:Q,orange:X,icon:Y,iconOnly:Z,basic:$,muted:ee,disabled:re,small:ne,pill:ae,round:te,error:le,warning:ie,inverted:se,groupOrderFirst:oe,groupOrderMiddle:ue,groupOrderLast:de};var l=(r=>(r.SUBMIT="submit",r.BUTTON="button",r.RESET="reset",r))(l||{});const pe=({children:r,tooltip:a=null})=>a?n.jsx(R,{text:a,display:"inline-flex",children:r}):n.jsx(n.Fragment,{children:r}),g=({active:r=!1,basic:a=!1,colored:i=!1,disabled:u=!1,groupOrder:d=null,icon:s=null,label:p="",loading:c=!1,name:y,pill:b=!1,round:v=!1,small:o=!1,styles:k="",width:z="",title:f="",type:q=l.BUTTON,onClick:V=()=>{},error:O,warning:T,testId:x,tooltip:E,inverted:S=!1,component:N="button",url:h})=>{const m=M.useContext(w),B=(()=>{if(i)switch(i){case t.DANGER:case t.RED:return e.red;case t.SUCCESS:case t.GREEN:return e.green;case t.MUTED:return e.muted;default:return e.orange}return""})(),I=(()=>{if(d)switch(d){case _.FIRST:return e.groupOrderFirst;case _.LAST:return e.groupOrderLast;default:return e.groupOrderMiddle}return""})();return n.jsx(pe,{tooltip:E,children:n.jsxs(N,{type:q===l.SUBMIT?l.SUBMIT:l.BUTTON,className:j(e.button,r?e.active:"",a?e.basic:"",B,u||m?e.disabled:"",(s||c)&&!p?e.iconOnly:"",S?e.inverted:"",I,b?e.pill:"",v?e.round:"",o?e.small:"",O?e.error:T?e.warning:"",k),disabled:u||m,name:y??"",onClick:V,...f?{title:f}:{},style:{width:z},"data-testid":x,to:h,children:[s&&n.jsx("span",{className:e.icon,children:n.jsx(F,{icon:s})}),c&&n.jsx("span",{className:e.icon,children:n.jsx(C,{small:!o,tiny:o,dark:!i&&!a,colored:a})}),p]})})};try{g.displayName="Button",g.__docgenInfo={description:"",displayName:"Button",props:{href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"string"}},active:{defaultValue:{value:"false"},description:"",name:"active",required:!1,type:{name:"boolean"}},basic:{defaultValue:{value:"false"},description:"",name:"basic",required:!1,type:{name:"boolean"}},colored:{defaultValue:{value:"false"},description:"",name:"colored",required:!1,type:{name:"string | boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:{value:"null"},description:"",name:"groupOrder",required:!1,type:{name:"string | null"}},icon:{defaultValue:{value:"null"},description:"",name:"icon",required:!1,type:{name:"ReactNode"}},label:{defaultValue:{value:""},description:"",name:"label",required:!1,type:{name:"ReactNode"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | null"}},onClick:{defaultValue:{value:"() => {}"},description:"",name:"onClick",required:!1,type:{name:"((evt: MouseEvent<HTMLButtonElement, MouseEvent>) => void)"}},pill:{defaultValue:{value:"false"},description:"",name:"pill",required:!1,type:{name:"boolean"}},round:{defaultValue:{value:"false"},description:"",name:"round",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},styles:{defaultValue:{value:""},description:"",name:"styles",required:!1,type:{name:"string"}},width:{defaultValue:{value:""},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},title:{defaultValue:{value:""},description:"",name:"title",required:!1,type:{name:"string"}},type:{defaultValue:{value:"ButtonType.BUTTON"},description:"",name:"type",required:!1,type:{name:"string"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"ReactNode"}},inverted:{defaultValue:{value:"false"},description:"",name:"inverted",required:!1,type:{name:"boolean"}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:"ElementType<any>"}},url:{defaultValue:null,description:"",name:"url",required:!1,type:{name:"string"}}}}}catch{}export{g as B,l as a};

package/dist/storybook/assets/button.stories-6GvGJMKF.js

@@ -0,0 +1,80 @@
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{H as ir,L as F,S as mr,R as S}from"./react-router-dom-2JKSc1g5.js";import{F as pr}from"./flex-ZVra76N-.js";import{B as o,a as Br}from"./button-qfybxFqE.js";import"./index-RfLt4OUa.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-4QtD-hFu.js";import"./extends-dGVwEr9R.js";import"./hoist-non-react-statics.cjs-pnyno-Dk.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-_m67DAr0.js";import"./tslib.es6-OIsz3r9a.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";const Ir={title:"Forms/Button",component:o,parameters:{canvas:{page:null}},argTypes:{colored:{control:{type:"inline-radio"},options:{off:!1,primary:"primary",success:"success",danger:"danger",muted:"muted"}},icon:{control:{type:"inline-radio"},options:{off:void 0,on:"delete"}}},args:{label:"Label"}},r=x=>e.jsxs(pr,{gap:"var(--padding-sm)",children:[e.jsx(o,{...x}),e.jsx(o,{colored:!0,...x}),e.jsx(o,{colored:"success",...x}),e.jsx(o,{colored:"danger",...x})]}),b=r.bind({}),s=r.bind({});s.args={small:!0};const a=r.bind({});a.args={basic:!0};const t=r.bind({});t.args={active:!0};const n=r.bind({});n.args={disabled:!0};const c=r.bind({});c.args={icon:"delete"};const d=r.bind({});d.args={round:!0,icon:"delete",label:void 0};const l=r.bind({});l.args={round:!0,icon:"delete",label:void 0,colored:"muted",basic:!0};const u=r.bind({});u.args={width:"100%"};const g=r.bind({});g.args={type:Br.SUBMIT};const p=r.bind({});p.args={label:"Lorem ipsum dolor est compendum",width:"100px",small:!0};const i=r.bind({});i.args={tooltip:"Tooltip goes here"};const m=r.bind({});m.args={label:"Long label goes here lorem ipsum dolor est lorem ipsum",width:"200px"};const B=r.bind({});B.args={label:"Long label goes here lorem ipsum dolor est lorem ipsum",width:"200px",small:!0};const h=()=>e.jsxs(ir,{children:[e.jsxs(pr,{gap:!0,children:[e.jsx(o,{component:F,url:"/dashboard",label:"Dashboard"}),e.jsx(o,{component:F,url:"/settings",label:"Settings"})]}),e.jsxs(mr,{children:[e.jsx(S,{path:"/dashboard",children:"Dashboard"}),e.jsx(S,{path:"/settings",children:"Settings"})]})]});var v,R,j;b.parameters={...b.parameters,docs:{...(v=b.parameters)==null?void 0:v.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(j=(R=b.parameters)==null?void 0:R.docs)==null?void 0:j.source}}};var T,f,L;s.parameters={...s.parameters,docs:{...(T=s.parameters)==null?void 0:T.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(L=(f=s.parameters)==null?void 0:f.docs)==null?void 0:L.source}}};var W,D,w;a.parameters={...a.parameters,docs:{...(W=a.parameters)==null?void 0:W.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(w=(D=a.parameters)==null?void 0:D.docs)==null?void 0:w.source}}};var y,k,A;t.parameters={...t.parameters,docs:{...(y=t.parameters)==null?void 0:y.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(A=(k=t.parameters)==null?void 0:k.docs)==null?void 0:A.source}}};var H,I,M;n.parameters={...n.parameters,docs:{...(H=n.parameters)==null?void 0:H.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(M=(I=n.parameters)==null?void 0:I.docs)==null?void 0:M.source}}};var _,E,O;c.parameters={...c.parameters,docs:{...(_=c.parameters)==null?void 0:_.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(O=(E=c.parameters)==null?void 0:E.docs)==null?void 0:O.source}}};var U,q,z;d.parameters={...d.parameters,docs:{...(U=d.parameters)==null?void 0:U.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(z=(q=d.parameters)==null?void 0:q.docs)==null?void 0:z.source}}};var C,G,J;l.parameters={...l.parameters,docs:{...(C=l.parameters)==null?void 0:C.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(J=(G=l.parameters)==null?void 0:G.docs)==null?void 0:J.source}}};var K,N,P;u.parameters={...u.parameters,docs:{...(K=u.parameters)==null?void 0:K.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(P=(N=u.parameters)==null?void 0:N.docs)==null?void 0:P.source}}};var Q,V,X;g.parameters={...g.parameters,docs:{...(Q=g.parameters)==null?void 0:Q.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(X=(V=g.parameters)==null?void 0:V.docs)==null?void 0:X.source}}};var Y,Z,$;p.parameters={...p.parameters,docs:{...(Y=p.parameters)==null?void 0:Y.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...($=(Z=p.parameters)==null?void 0:Z.docs)==null?void 0:$.source}}};var rr,er,or;i.parameters={...i.parameters,docs:{...(rr=i.parameters)==null?void 0:rr.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(or=(er=i.parameters)==null?void 0:er.docs)==null?void 0:or.source}}};var sr,ar,tr;m.parameters={...m.parameters,docs:{...(sr=m.parameters)==null?void 0:sr.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(tr=(ar=m.parameters)==null?void 0:ar.docs)==null?void 0:tr.source}}};var nr,cr,dr;B.parameters={...B.parameters,docs:{...(nr=B.parameters)==null?void 0:nr.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
+    <Button {...args} />
+    <Button colored {...args} />
+    <Button colored="success" {...args} />
+    <Button colored="danger" {...args} />
+  </Flex>`,...(dr=(cr=B.parameters)==null?void 0:cr.docs)==null?void 0:dr.source}}};var lr,ur,gr;h.parameters={...h.parameters,docs:{...(lr=h.parameters)==null?void 0:lr.docs,source:{originalSource:`() => <HashRouter>
+    <Flex gap>
+      <Button component={Link} url="/dashboard" label="Dashboard" />
+      <Button component={Link} url="/settings" label="Settings" />
+    </Flex>
+    <Switch>
+      <Route path="/dashboard">Dashboard</Route>
+      <Route path="/settings">Settings</Route>
+    </Switch>
+  </HashRouter>`,...(gr=(ur=h.parameters)==null?void 0:ur.docs)==null?void 0:gr.source}}};const Mr=["Default","Small","Basic","Active","Disabled","WithIcon","Round","RoundMuted","FullWidth","Submit","TestSmallButtonWrapping","Tooltip","TestWrapping","TestWrappingSmall","AsRouterLink"];export{t as Active,h as AsRouterLink,a as Basic,b as Default,n as Disabled,u as FullWidth,d as Round,l as RoundMuted,s as Small,g as Submit,p as TestSmallButtonWrapping,m as TestWrapping,B as TestWrappingSmall,i as Tooltip,c as WithIcon,Mr as __namedExportsOrder,Ir as default};

package/dist/storybook/assets/{buttons-and-links-t1EEC4gc.js → buttons-and-links-e6-ikhN9.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-FsUICBgo.js";import{M as s,C as e}from"./index-0dxTfrBP.js";import{Default as a,Basic as c}from"./button.stories-f6VcbEgi.js";import{Default as d}from"./text-link.stories-kjfUeFtk.js";import{useMDXComponents as r}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-ujjJUTtn.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-gM75B7fB.js";import"./flex-3eLDDUyy.js";import"./button-7V8oA22w.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-HEHiU__l.js";import"./text-6KQ6ntOV.js";function i(n){const o=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code"},r(),n.components);return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Buttons & Links"}),`
+import{j as t}from"./jsx-runtime-FsUICBgo.js";import{M as s,C as e}from"./index-oLFGkfb-.js";import{Default as a,Basic as c}from"./button.stories-6GvGJMKF.js";import{Default as d}from"./text-link.stories-sfurduAc.js";import{useMDXComponents as r}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-uF49rd0M.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-gM75B7fB.js";import"./react-router-dom-2JKSc1g5.js";import"./index-4QtD-hFu.js";import"./hoist-non-react-statics.cjs-pnyno-Dk.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./flex-ZVra76N-.js";import"./button-qfybxFqE.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-_m67DAr0.js";import"./tslib.es6-OIsz3r9a.js";import"./tooltip-ZHdi6rl-.js";import"./text-6KQ6ntOV.js";function i(n){const o=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code"},r(),n.components);return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Buttons & Links"}),`
 `,t.jsx(o.h1,{id:"buttons--links",children:"Buttons & Links"}),`
 `,t.jsx(e,{of:a}),`
 `,t.jsx(o.h2,{id:"a-single-primary-button",children:"A single primary button"}),`
@@ -11,4 +11,4 @@ import{j as t}from"./jsx-runtime-FsUICBgo.js";import{M as s,C as e}from"./index-
 `,t.jsxs(o.p,{children:["If you need a very unobtrusive button, combine ",t.jsx(o.code,{children:"basic"})," with ",t.jsx(o.code,{children:'colored="muted"'}),"."]}),`
 `,t.jsxs(o.h2,{id:"links-textlink",children:["Links (",t.jsx(o.code,{children:"TextLink"}),")"]}),`
 `,t.jsxs(o.p,{children:["Inline links without extra padding. Use when space is limited and/or extra padding would cause problems (e.g. for a link in a ",t.jsx(o.code,{children:"Table"})," or an inline link)."]}),`
-`,t.jsx(e,{of:d})]})}function U(n={}){const{wrapper:o}=Object.assign({},r(),n.components);return o?t.jsx(o,Object.assign({},n,{children:t.jsx(i,n)})):i(n)}export{U as default};
+`,t.jsx(e,{of:d})]})}function F(n={}){const{wrapper:o}=Object.assign({},r(),n.components);return o?t.jsx(o,Object.assign({},n,{children:t.jsx(i,n)})):i(n)}export{F as default};

package/dist/storybook/assets/card.stories-v_QIHoI3.js

@@ -0,0 +1 @@
+import{j as d}from"./jsx-runtime-FsUICBgo.js";import{C as S}from"./card-0r8RRVk-.js";import{H as N}from"./heading-sY0SLHoQ.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./help-icon-yrJgkgdC.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";const A={title:"Layout/Card",component:S,args:{raised:!1,children:"Content goes here",padding:!0,bordered:!0}},o=W=>d.jsx(S,{...W}),t=o.bind({}),r=o.bind({});r.args={heading:d.jsx(N,{children:"Heading"})};const e=o.bind({});e.args={heading:d.jsx(N,{onClickHelp:()=>console.log("help!"),children:"Heading"})};const a=o.bind({});a.args={padding:!1};const s=o.bind({});s.args={bordered:!1};var i,p,c;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:"args => <Card {...args} />",...(c=(p=t.parameters)==null?void 0:p.docs)==null?void 0:c.source}}};var m,n,g;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:"args => <Card {...args} />",...(g=(n=r.parameters)==null?void 0:n.docs)==null?void 0:g.source}}};var l,u,h;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:"args => <Card {...args} />",...(h=(u=e.parameters)==null?void 0:u.docs)==null?void 0:h.source}}};var H,C,f;a.parameters={...a.parameters,docs:{...(H=a.parameters)==null?void 0:H.docs,source:{originalSource:"args => <Card {...args} />",...(f=(C=a.parameters)==null?void 0:C.docs)==null?void 0:f.source}}};var b,x,j;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:"args => <Card {...args} />",...(j=(x=s.parameters)==null?void 0:x.docs)==null?void 0:j.source}}};const F=["Default","WithHeading","WithHelpHeading","NoPadding","NoBorder"];export{t as Default,s as NoBorder,a as NoPadding,r as WithHeading,e as WithHelpHeading,F as __namedExportsOrder,A as default};

package/dist/storybook/assets/{casing-loads.stories-ee6r2j2Q.js → casing-loads.stories-xqjG7_uN.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as u}from"./index-RfLt4OUa.js";import{I as f}from"./common-types-U65vzrrz.js";import{T}from"./top-bar-3dxv0sp9.js";import{S as I}from"./side-bar-Fjr2t9MT.js";import{H as r}from"./heading-Bk0bpNfe.js";import{B as n}from"./button-7V8oA22w.js";import{D as g}from"./drawer-WuErQ5Z8.js";import{L as O}from"./list-8l-RGDgw.js";import{F as a}from"./field-eknsj_Ll.js";import{I as o}from"./input-u1He-wWs.js";import{M as D,D as E}from"./dialog-WKHRZcjc.js";import{C as H}from"./check-box-LZdXXKhv.js";import{F as p}from"./form-row-bwoDTUga.js";import{P as k}from"./page-9-f6BzS0.js";import{R as y,C as R}from"./row-vFUhHoz5.js";import{S as d}from"./select-JjEPivho.js";import{S as l}from"./spacer-Yji9g2AW.js";import{T as B}from"./tabs-fcLbHC1n.js";import{T as M}from"./table-lfeSnryj.js";import"./index-VW3EWkuE.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./actions-Z9jDWreP.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./index-ugi_ZH6T.js";import"./help-icon--rUDxLUD.js";import"./spinner-R8Il4aRe.js";import"./index.es-JXn3JM7k.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./memoize-one.esm-hqe5SRxC.js";import"./card-0r8RRVk-.js";import"./list-heading-Vd3hu5Pf.js";import"./loader-TGOJBZQG.js";import"./label-0_Qf6I8t.js";import"./portal-zPiHHKoC.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./assertThisInitialized-4q6YPdh3.js";import"./text-6KQ6ntOV.js";import"./select.input-zP5tW20f.js";import"./pagination-5n5spTRo.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-SvjJIGsW.js";import"./index-IQMsp8Ab.js";import"./index-cCpkwrS5.js";import"./slider-nl2rJ9LF.js";import"./popover-Y3FpGdUS.js";const ze={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},s=()=>{const[v,i]=u.useState(!1),C=()=>e.jsx("div",{style:{color:"#aaa",display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",overflow:"hidden",top:0,left:0,right:0,bottom:0},children:"SCHEMATIC"}),m=[{label:"Casing Loads",value:"casingloads"},{label:"Plot Charts",value:"charts"}],j={name:"Casing Loads",items:[{id:1,name:"Sections",type:"Heading"},{id:2,name:'30" Conductor Casing',active:!0},{id:3,name:"Ipsum"},{id:4,name:"Dolor"}]},L={columnWidths:["auto","auto","auto","auto","1%"],headers:[{cells:[{value:"Load case name"},{value:"Internal profile"},{value:"External profile"},{value:"Temperature profile"},{value:""}]}],rows:[{cells:[{value:"Load case 1"},{value:"Profile 1"},{value:"Profile 2"},{value:"Profile 3"},{value:"Edit",type:"Link",onClick:()=>i(!0)}]},{cells:[{value:"Load case 2"},{value:"Profile 1"},{value:"Profile 2"},{value:"Profile 3"},{value:"Edit",type:"Link",onClick:()=>i(!0)}]}]},F=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{label:"Name",children:e.jsx(o,{value:"Load case 1"})}),e.jsx(l,{}),e.jsx(r,{children:"Internal Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"Influx depth",children:e.jsx(o,{})}),e.jsx(a,{label:"Gas gradient",children:e.jsx(o,{})}),e.jsx(a,{label:"Mud weight",children:e.jsx(o,{})}),e.jsx(a,{label:"Input n",children:e.jsx(o,{})}),e.jsx(a,{children:e.jsx(H,{label:"Limit gas at shoe"})})]}),e.jsx(l,{}),e.jsx(r,{children:"External Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"FG above TOC",children:e.jsx(o,{})}),e.jsx(a,{label:"FG below TOC",children:e.jsx(o,{})})]}),e.jsx(l,{}),e.jsx(r,{children:"Temperature Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"Custome table",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Custome table 1",value:"1"},{label:"Custome table 2",value:"2"}]})})]})]}),P=()=>{const[t,c]=u.useState(!0);return e.jsx(g,{button:e.jsx(n,{onClick:()=>c(!t),round:!0,icon:f.CHEVRON_LEFT}),open:t,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(O,{drawer:!0,narrow:!t,list:j})})},w=()=>{const[t,c]=u.useState(!0);return e.jsx(g,{right:!0,background:"white",button:e.jsx(n,{onClick:()=>c(!t),round:!0,icon:f.CHEVRON_RIGHT}),open:t,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(C,{})})},S=()=>e.jsx(D,{visible:v,children:e.jsx(E,{dialog:{heading:"Load case 1",content:e.jsx(F,{}),footer:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Save",colored:!0,onClick:()=>i(!1)}),e.jsx(n,{label:"Cancel",onClick:()=>i(!1)})]}),onClose:()=>i(!1)}})});return e.jsxs(e.Fragment,{children:[e.jsx(T,{}),e.jsx(I,{options:{title:"",sections:[]}}),e.jsx(k,{padding:!1,scroll:!1,children:e.jsxs(y,{spacing:0,flex:!0,children:[e.jsx(P,{}),e.jsxs(R,{borderLeft:!0,borderRight:!0,padding:!0,scroll:!0,children:[e.jsx(r,{top:!0,marginBottom:0,children:'30" Conductor Casing'}),e.jsx(B,{margin:!1,options:m,value:m[0]}),e.jsx(l,{}),e.jsx(M,{table:L})]}),e.jsx(w,{})]})}),e.jsx(S,{})]})};var b,h,x;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`() => {
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as u}from"./index-RfLt4OUa.js";import{I as f}from"./common-types-U65vzrrz.js";import{T}from"./top-bar-odjinr_b.js";import{S as I}from"./side-bar-0iIgujp4.js";import{H as r}from"./heading-sY0SLHoQ.js";import{B as n}from"./button-qfybxFqE.js";import{D as g}from"./drawer-LFjap9lP.js";import{L as O}from"./list-1fS-ZLaF.js";import{F as a}from"./field-9udMeZdr.js";import{I as o}from"./input-iDZqV-2m.js";import{M as D,D as E}from"./dialog-e8amLd6m.js";import{C as H}from"./check-box-7DccPNCs.js";import{F as p}from"./form-row-bwoDTUga.js";import{P as k}from"./page-9-f6BzS0.js";import{R as y,C as R}from"./row-vFUhHoz5.js";import{S as d}from"./select-0hek2Baz.js";import{S as l}from"./spacer-Yji9g2AW.js";import{T as B}from"./tabs-fcLbHC1n.js";import{T as M}from"./table-o1Zuxe0v.js";import"./index-VW3EWkuE.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./actions--jdeAagr.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./index-ugi_ZH6T.js";import"./help-icon-yrJgkgdC.js";import"./spinner-R8Il4aRe.js";import"./index.es-LXZC0YVN.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./hoist-non-react-statics.cjs-pnyno-Dk.js";import"./memoize-one.esm-hqe5SRxC.js";import"./card-0r8RRVk-.js";import"./list-heading-vbaXVA9N.js";import"./loader-TGOJBZQG.js";import"./label-J7MI85wD.js";import"./portal-zPiHHKoC.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./assertThisInitialized-4q6YPdh3.js";import"./text-6KQ6ntOV.js";import"./select.input-zP5tW20f.js";import"./pagination-qKZAUHlD.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-d7hXQldd.js";import"./index-IQMsp8Ab.js";import"./index-cCpkwrS5.js";import"./slider-t5EokN-o.js";import"./popover-GnGIPc9x.js";const Ae={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},s=()=>{const[v,i]=u.useState(!1),C=()=>e.jsx("div",{style:{color:"#aaa",display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",overflow:"hidden",top:0,left:0,right:0,bottom:0},children:"SCHEMATIC"}),m=[{label:"Casing Loads",value:"casingloads"},{label:"Plot Charts",value:"charts"}],j={name:"Casing Loads",items:[{id:1,name:"Sections",type:"Heading"},{id:2,name:'30" Conductor Casing',active:!0},{id:3,name:"Ipsum"},{id:4,name:"Dolor"}]},L={columnWidths:["auto","auto","auto","auto","1%"],headers:[{cells:[{value:"Load case name"},{value:"Internal profile"},{value:"External profile"},{value:"Temperature profile"},{value:""}]}],rows:[{cells:[{value:"Load case 1"},{value:"Profile 1"},{value:"Profile 2"},{value:"Profile 3"},{value:"Edit",type:"Link",onClick:()=>i(!0)}]},{cells:[{value:"Load case 2"},{value:"Profile 1"},{value:"Profile 2"},{value:"Profile 3"},{value:"Edit",type:"Link",onClick:()=>i(!0)}]}]},F=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{label:"Name",children:e.jsx(o,{value:"Load case 1"})}),e.jsx(l,{}),e.jsx(r,{children:"Internal Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"Influx depth",children:e.jsx(o,{})}),e.jsx(a,{label:"Gas gradient",children:e.jsx(o,{})}),e.jsx(a,{label:"Mud weight",children:e.jsx(o,{})}),e.jsx(a,{label:"Input n",children:e.jsx(o,{})}),e.jsx(a,{children:e.jsx(H,{label:"Limit gas at shoe"})})]}),e.jsx(l,{}),e.jsx(r,{children:"External Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"FG above TOC",children:e.jsx(o,{})}),e.jsx(a,{label:"FG below TOC",children:e.jsx(o,{})})]}),e.jsx(l,{}),e.jsx(r,{children:"Temperature Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"Custome table",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Custome table 1",value:"1"},{label:"Custome table 2",value:"2"}]})})]})]}),P=()=>{const[t,c]=u.useState(!0);return e.jsx(g,{button:e.jsx(n,{onClick:()=>c(!t),round:!0,icon:f.CHEVRON_LEFT}),open:t,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(O,{drawer:!0,narrow:!t,list:j})})},w=()=>{const[t,c]=u.useState(!0);return e.jsx(g,{right:!0,background:"white",button:e.jsx(n,{onClick:()=>c(!t),round:!0,icon:f.CHEVRON_RIGHT}),open:t,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(C,{})})},S=()=>e.jsx(D,{visible:v,children:e.jsx(E,{dialog:{heading:"Load case 1",content:e.jsx(F,{}),footer:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Save",colored:!0,onClick:()=>i(!1)}),e.jsx(n,{label:"Cancel",onClick:()=>i(!1)})]}),onClose:()=>i(!1)}})});return e.jsxs(e.Fragment,{children:[e.jsx(T,{}),e.jsx(I,{options:{title:"",sections:[]}}),e.jsx(k,{padding:!1,scroll:!1,children:e.jsxs(y,{spacing:0,flex:!0,children:[e.jsx(P,{}),e.jsxs(R,{borderLeft:!0,borderRight:!0,padding:!0,scroll:!0,children:[e.jsx(r,{top:!0,marginBottom:0,children:'30" Conductor Casing'}),e.jsx(B,{margin:!1,options:m,value:m[0]}),e.jsx(l,{}),e.jsx(M,{table:L})]}),e.jsx(w,{})]})}),e.jsx(S,{})]})};var b,h,x;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`() => {
   const [dialogOpen, setDialogOpen] = useState(false);
   const SchematicPlaceholder = () => <div style={{
     color: '#aaa',
@@ -206,4 +206,4 @@ import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as u}from"./index-RfLt4OU
       </Page>
       <CasingLoadsEditModal />
     </>;
-}`,...(x=(h=s.parameters)==null?void 0:h.docs)==null?void 0:x.source}}};s.__docgenInfo={description:"",methods:[],displayName:"CasingLoads"};const Ve=["CasingLoads"];export{s as CasingLoads,Ve as __namedExportsOrder,ze as default};
+}`,...(x=(h=s.parameters)==null?void 0:h.docs)==null?void 0:x.source}}};s.__docgenInfo={description:"",methods:[],displayName:"CasingLoads"};const qe=["CasingLoads"];export{s as CasingLoads,qe as __namedExportsOrder,Ae as default};

package/dist/storybook/assets/cell.stories-SsCpOpZw.js

@@ -0,0 +1,212 @@
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as D}from"./index-RfLt4OUa.js";import{T as W}from"./table-o1Zuxe0v.js";import{F as ze}from"./field-9udMeZdr.js";import{B as F}from"./button-qfybxFqE.js";import{I as Xe}from"./input-iDZqV-2m.js";import{F as Ge}from"./flex-ZVra76N-.js";import{t as Ke,s as Ne,u as Qe,v as Ve,w as Ye,x as Ze,y as $e,z as er,A as rr,B as ar,C as sr,D as tr,E as qe,F as or,G as nr,H as lr,I as ir,J as pr}from"./table.stories-data-tHq-3JM9.js";import"./index-VW3EWkuE.js";import"./index.es-LXZC0YVN.js";import"./inheritsLoose-Y9jOMJLd.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./hoist-non-react-statics.cjs-pnyno-Dk.js";import"./index-miLrID2P.js";import"./memoize-one.esm-hqe5SRxC.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./lodash-Bmg8FrMx.js";import"./actions--jdeAagr.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./tooltip-ZHdi6rl-.js";import"./icon-_m67DAr0.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./heading-sY0SLHoQ.js";import"./help-icon-yrJgkgdC.js";import"./pagination-qKZAUHlD.js";import"./select-0hek2Baz.js";import"./assertThisInitialized-4q6YPdh3.js";import"./text-6KQ6ntOV.js";import"./select.input-zP5tW20f.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-d7hXQldd.js";import"./index-IQMsp8Ab.js";import"./index-cCpkwrS5.js";import"./check-box-7DccPNCs.js";import"./slider-t5EokN-o.js";import"./index-ugi_ZH6T.js";import"./popover-GnGIPc9x.js";import"./label-J7MI85wD.js";import"./spinner-R8Il4aRe.js";const sa={title:"Basic/Table/Cell",component:W,args:{table:{...Ke}}},r=t=>e.jsx(W,{...t}),d=r.bind({});d.args={table:Ne};const m=r.bind({});m.args={table:Qe};const u=r.bind({});u.args={table:Ve};const b=r.bind({});b.args={table:Ye};const g=r.bind({});g.args={table:Ze};const v=r.bind({});v.args={table:$e};const x=r.bind({});x.args={table:er};const C=r.bind({});C.args={table:rr};const h=r.bind({});h.args={table:ar};const S=r.bind({});S.args={table:sr};const f=r.bind({});f.args={table:tr};const j=r.bind({});j.args={table:qe};const y=r.bind({});y.args={table:or};const T=r.bind({});T.args={table:nr};const k=r.bind({});k.args={table:lr};const l=r.bind({});l.args={table:ir};l.parameters={docs:{description:{story:"Setting `breakWord: true` on a cell will allow very long text strings to break"}}};const w=()=>{const t=["Section","Width","Height"];let p=["","m","m"],A=[...Array(10).keys()].map((n,a)=>[a,a*2,a*2]);const B=()=>{const n=({close:s,value:P})=>e.jsxs(e.Fragment,{children:[e.jsx(ze,{label:"Input",children:e.jsx(Xe,{value:P,width:"100%"})}),e.jsxs(Ge,{gap:!0,children:[e.jsx(F,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(F,{label:"Cancel",onClick:s})]})]}),a={fixedWidth:"100%",headers:[{cells:t.map(s=>({value:s}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[2],type:"Unit"}]}],rows:A.map((s,P)=>({cells:[...Array(3).keys()].map((o,c)=>({value:s[c],type:"Popover",content:e.jsx(n,{value:s[c]})}))}))};return e.jsx(W,{table:a})};return e.jsx(B,{})},I=()=>{const t=["Section","Width","Height"];let p=["","m","m"],A=[...Array(10).keys()].map((n,a)=>[a,a*2,a*2]);const B=()=>{const[n,a]=D.useState(!1),s=({close:o,value:c})=>{D.useEffect(()=>{n||a(!0)},[]);const E=()=>{a(!1),o()};return e.jsxs(e.Fragment,{children:[e.jsx(ze,{label:"Input",children:e.jsx(Xe,{value:c,width:"100%"})}),e.jsxs(Ge,{gap:!0,children:[e.jsx(F,{colored:!0,label:"Save",onClick:E}),e.jsx(F,{label:"Cancel",onClick:E})]})]})},P={headers:[{cells:t.map(o=>({value:o}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[2],type:"Unit"}]}],rows:A.map((o,c)=>({cells:[...Array(3).keys()].map((E,U)=>({value:o[U],type:"Popover",disabled:n,closeOnOutsideClick:!1,content:e.jsx(s,{value:o[U]})}))}))};return e.jsx(W,{table:P})};return e.jsx(B,{})},O=r.bind({});O.args={table:pr};const i=r.bind({});i.args={table:{...qe,name:"Food"}};i.decorators=[t=>e.jsx("div",{style:{width:180,height:180,overflow:"hidden",resize:"both"},children:e.jsx(t,{})})];var L,R,H;d.parameters={...d.parameters,docs:{...(L=d.parameters)==null?void 0:L.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(H=(R=d.parameters)==null?void 0:R.docs)==null?void 0:H.source}}};var J,M,_;m.parameters={...m.parameters,docs:{...(J=m.parameters)==null?void 0:J.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(_=(M=m.parameters)==null?void 0:M.docs)==null?void 0:_.source}}};var z,X,G;u.parameters={...u.parameters,docs:{...(z=u.parameters)==null?void 0:z.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(G=(X=u.parameters)==null?void 0:X.docs)==null?void 0:G.source}}};var q,K,N;b.parameters={...b.parameters,docs:{...(q=b.parameters)==null?void 0:q.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(N=(K=b.parameters)==null?void 0:K.docs)==null?void 0:N.source}}};var Q,V,Y;g.parameters={...g.parameters,docs:{...(Q=g.parameters)==null?void 0:Q.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(Y=(V=g.parameters)==null?void 0:V.docs)==null?void 0:Y.source}}};var Z,$,ee;v.parameters={...v.parameters,docs:{...(Z=v.parameters)==null?void 0:Z.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(ee=($=v.parameters)==null?void 0:$.docs)==null?void 0:ee.source}}};var re,ae,se;x.parameters={...x.parameters,docs:{...(re=x.parameters)==null?void 0:re.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(se=(ae=x.parameters)==null?void 0:ae.docs)==null?void 0:se.source}}};var te,oe,ne;C.parameters={...C.parameters,docs:{...(te=C.parameters)==null?void 0:te.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(ne=(oe=C.parameters)==null?void 0:oe.docs)==null?void 0:ne.source}}};var le,ie,pe;h.parameters={...h.parameters,docs:{...(le=h.parameters)==null?void 0:le.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(pe=(ie=h.parameters)==null?void 0:ie.docs)==null?void 0:pe.source}}};var ce,de,me;S.parameters={...S.parameters,docs:{...(ce=S.parameters)==null?void 0:ce.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(me=(de=S.parameters)==null?void 0:de.docs)==null?void 0:me.source}}};var ue,be,ge;f.parameters={...f.parameters,docs:{...(ue=f.parameters)==null?void 0:ue.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(ge=(be=f.parameters)==null?void 0:be.docs)==null?void 0:ge.source}}};var ve,xe,Ce;j.parameters={...j.parameters,docs:{...(ve=j.parameters)==null?void 0:ve.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(Ce=(xe=j.parameters)==null?void 0:xe.docs)==null?void 0:Ce.source}}};var he,Se,fe;y.parameters={...y.parameters,docs:{...(he=y.parameters)==null?void 0:he.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(fe=(Se=y.parameters)==null?void 0:Se.docs)==null?void 0:fe.source}}};var je,ye,Te;T.parameters={...T.parameters,docs:{...(je=T.parameters)==null?void 0:je.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(Te=(ye=T.parameters)==null?void 0:ye.docs)==null?void 0:Te.source}}};var ke,Oe,Pe;k.parameters={...k.parameters,docs:{...(ke=k.parameters)==null?void 0:ke.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(Pe=(Oe=k.parameters)==null?void 0:Oe.docs)==null?void 0:Pe.source}}};var we,Ie,Fe;l.parameters={...l.parameters,docs:{...(we=l.parameters)==null?void 0:we.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(Fe=(Ie=l.parameters)==null?void 0:Ie.docs)==null?void 0:Fe.source}}};var We,Ae,Be;w.parameters={...w.parameters,docs:{...(We=w.parameters)==null?void 0:We.docs,source:{originalSource:`() => {
+  const headings = ['Section', 'Width', 'Height'];
+  let units = ['', 'm', 'm'];
+  let data = [...Array(10).keys()].map((c, i) => [i, i * 2, i * 2]);
+  /*
+      Mock table data store (real apps should use Redux or similar)
+    */
+  const PopoverTable = () => {
+    const CellInputForm = ({
+      close,
+      value
+    }: any) => <>
+        <Field label="Input">
+          <Input value={value} width="100%" />
+        </Field>
+        <Flex gap>
+          <Button colored label="Save" onClick={() => {}} />
+          <Button label="Cancel" onClick={close} />
+        </Flex>
+      </>;
+    const table = {
+      fixedWidth: '100%',
+      headers: [{
+        cells: headings.map(h => ({
+          value: h
+        }))
+      }, {
+        cells: [{}, {
+          menu: [{
+            label: 'm',
+            value: 'm'
+          }, {
+            label: 'ft',
+            value: 'ft'
+          }],
+          value: units[1],
+          type: 'Unit'
+        }, {
+          menu: [{
+            label: 'm',
+            value: 'm'
+          }, {
+            label: 'ft',
+            value: 'ft'
+          }],
+          value: units[2],
+          type: 'Unit'
+        }]
+      }],
+      rows: data.map((row, i) => {
+        return {
+          cells: [...Array(3).keys()].map((c, i) => ({
+            //https://stackoverflow.com/a/33352604
+            value: row[i],
+            type: 'Popover',
+            content: <CellInputForm value={row[i]} />
+          }))
+        };
+      })
+    };
+    return <Table table={(table as any)} />;
+  };
+  return <PopoverTable />;
+}`,...(Be=(Ae=w.parameters)==null?void 0:Ae.docs)==null?void 0:Be.source}}};var Ee,Ue,De;I.parameters={...I.parameters,docs:{...(Ee=I.parameters)==null?void 0:Ee.docs,source:{originalSource:`() => {
+  const headings = ['Section', 'Width', 'Height'];
+  let units = ['', 'm', 'm'];
+  let data = [...Array(10).keys()].map((c, i) => [i, i * 2, i * 2]);
+  /*
+    Mock table data store (real apps should use Redux or similar)
+  */
+  const SinglePopoverOpenedTable = () => {
+    const [isPopOverCellOpened, setIsPopOverCellOpened] = useState(false);
+    const CellInputForm = ({
+      close,
+      value
+    }: any) => {
+      useEffect(() => {
+        if (!isPopOverCellOpened) {
+          setIsPopOverCellOpened(true);
+        }
+      }, []);
+      const onClosePopOver = () => {
+        setIsPopOverCellOpened(false);
+        close();
+      };
+      return <>
+          <Field label="Input">
+            <Input value={value} width="100%" />
+          </Field>
+          <Flex gap>
+            <Button colored label="Save" onClick={onClosePopOver} />
+            <Button label="Cancel" onClick={onClosePopOver} />
+          </Flex>
+        </>;
+    };
+    const table = {
+      headers: [{
+        cells: headings.map(h => ({
+          value: h
+        }))
+      }, {
+        cells: [{}, {
+          menu: [{
+            label: 'm',
+            value: 'm'
+          }, {
+            label: 'ft',
+            value: 'ft'
+          }],
+          value: units[1],
+          type: 'Unit'
+        }, {
+          menu: [{
+            label: 'm',
+            value: 'm'
+          }, {
+            label: 'ft',
+            value: 'ft'
+          }],
+          value: units[2],
+          type: 'Unit'
+        }]
+      }],
+      rows: data.map((row, i) => {
+        return {
+          cells: [...Array(3).keys()].map((c, i) => ({
+            //https://stackoverflow.com/a/33352604
+            value: row[i],
+            type: 'Popover',
+            disabled: isPopOverCellOpened,
+            closeOnOutsideClick: false,
+            content: <CellInputForm value={row[i]} />
+          }))
+        };
+      })
+    };
+    return <Table table={(table as any)} />;
+  };
+  return <SinglePopoverOpenedTable />;
+}`,...(De=(Ue=I.parameters)==null?void 0:Ue.docs)==null?void 0:De.source}}};var Le,Re,He;O.parameters={...O.parameters,docs:{...(Le=O.parameters)==null?void 0:Le.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(He=(Re=O.parameters)==null?void 0:Re.docs)==null?void 0:He.source}}};var Je,Me,_e;i.parameters={...i.parameters,docs:{...(Je=i.parameters)==null?void 0:Je.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(_e=(Me=i.parameters)==null?void 0:Me.docs)==null?void 0:_e.source}}};const ta=["Editable","Disabled","DateInput","Colspan","ColspanWithWidths","CellWidths","CellStyleProp","Rowspan","Checkboxes","Icons","Links","Actions","Menus","JSXContent","StaticCellTooltips","WordbreakLongContent","Popover","SinglePopoverAtOnce","OverflowingCells","TestScrolling"];export{j as Actions,x as CellStyleProp,v as CellWidths,h as Checkboxes,b as Colspan,g as ColspanWithWidths,u as DateInput,m as Disabled,d as Editable,S as Icons,T as JSXContent,f as Links,y as Menus,O as OverflowingCells,w as Popover,C as Rowspan,I as SinglePopoverAtOnce,k as StaticCellTooltips,i as TestScrolling,l as WordbreakLongContent,ta as __namedExportsOrder,sa as default};

package/dist/storybook/assets/{check-box-LZdXXKhv.js → check-box-7DccPNCs.js}

@@ -1 +1 @@
-import{j as a}from"./jsx-runtime-FsUICBgo.js";import{r as k}from"./index-RfLt4OUa.js";import{c as g}from"./index-VW3EWkuE.js";import{I as v}from"./common-types-U65vzrrz.js";import{D as C}from"./disabled-context-urNQThQz.js";import{H as q}from"./help-icon--rUDxLUD.js";import{I as V}from"./icon-y1a2N5SZ.js";const E="_checkbox_1ybyr_1",T="_noLabel_1ybyr_17",j="_small_1ybyr_20",M="_checkmark_1ybyr_43",H="_disabled_1ybyr_67",L="_noMargin_1ybyr_81",N="_isInTable_1ybyr_84",B="_helpIconEnabled_1ybyr_87",e={checkbox:E,noLabel:T,small:j,checkmark:M,disabled:H,noMargin:L,isInTable:N,helpIconEnabled:B},u=({noMargin:r=!1,dataix:m=0,isInTable:p=!1,tabIndex:b=0,checked:l=!1,name:n,label:i="",disabled:f=!1,small:y=!1,onChange:_,testId:x,value:D,helpText:o,onClickHelp:d})=>{const h=k.useContext(C),I=o||d,s=f||h;return a.jsxs("div",{className:g(e.checkbox,r&&e.noMargin,p&&e.isInTable,s&&e.disabled,y&&e.small,!i&&e.noLabel),"data-ix":m,onClick:c=>{if(!s){const t=c.target;t.name=n,t.value=!l,t.checked=!l,_(c)}},"data-testid":x,children:[a.jsx("input",{type:"checkbox",tabIndex:b,checked:l,name:n,onChange:()=>{},disabled:s}),a.jsxs("label",{htmlFor:n,children:[a.jsx("span",{className:e.checkmark,children:a.jsx(V,{icon:v.CHECK})}),i]}),I&&a.jsx("div",{className:e.helpIconEnabled,onClick:d,children:a.jsx(q,{text:o})})]})};try{u.displayName="CheckBox",u.__docgenInfo={description:"",displayName:"CheckBox",props:{checked:{defaultValue:{value:"false"},description:"",name:"checked",required:!1,type:{name:"boolean"}},isInTable:{defaultValue:{value:"false"},description:"",name:"isInTable",required:!1,type:{name:"boolean"}},label:{defaultValue:{value:""},description:"",name:"label",required:!1,type:{name:"string | null"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement>) => void"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},dataix:{defaultValue:{value:"0"},description:"",name:"dataix",required:!1,type:{name:"number"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string"}},helpText:{defaultValue:null,description:"",name:"helpText",required:!1,type:{name:"string"}},onClickHelp:{defaultValue:null,description:"",name:"onClickHelp",required:!1,type:{name:"TEmpty"}}}}}catch{}export{u as C};
+import{j as a}from"./jsx-runtime-FsUICBgo.js";import{r as k}from"./index-RfLt4OUa.js";import{c as g}from"./index-VW3EWkuE.js";import{I as v}from"./common-types-U65vzrrz.js";import{D as C}from"./disabled-context-urNQThQz.js";import{H as q}from"./help-icon-yrJgkgdC.js";import{I as V}from"./icon-_m67DAr0.js";const E="_checkbox_1ybyr_1",T="_noLabel_1ybyr_17",j="_small_1ybyr_20",M="_checkmark_1ybyr_43",H="_disabled_1ybyr_67",L="_noMargin_1ybyr_81",N="_isInTable_1ybyr_84",B="_helpIconEnabled_1ybyr_87",e={checkbox:E,noLabel:T,small:j,checkmark:M,disabled:H,noMargin:L,isInTable:N,helpIconEnabled:B},u=({noMargin:r=!1,dataix:m=0,isInTable:p=!1,tabIndex:b=0,checked:l=!1,name:n,label:i="",disabled:f=!1,small:y=!1,onChange:_,testId:x,value:D,helpText:o,onClickHelp:d})=>{const h=k.useContext(C),I=o||d,s=f||h;return a.jsxs("div",{className:g(e.checkbox,r&&e.noMargin,p&&e.isInTable,s&&e.disabled,y&&e.small,!i&&e.noLabel),"data-ix":m,onClick:c=>{if(!s){const t=c.target;t.name=n,t.value=!l,t.checked=!l,_(c)}},"data-testid":x,children:[a.jsx("input",{type:"checkbox",tabIndex:b,checked:l,name:n,onChange:()=>{},disabled:s}),a.jsxs("label",{htmlFor:n,children:[a.jsx("span",{className:e.checkmark,children:a.jsx(V,{icon:v.CHECK})}),i]}),I&&a.jsx("div",{className:e.helpIconEnabled,onClick:d,children:a.jsx(q,{text:o})})]})};try{u.displayName="CheckBox",u.__docgenInfo={description:"",displayName:"CheckBox",props:{checked:{defaultValue:{value:"false"},description:"",name:"checked",required:!1,type:{name:"boolean"}},isInTable:{defaultValue:{value:"false"},description:"",name:"isInTable",required:!1,type:{name:"boolean"}},label:{defaultValue:{value:""},description:"",name:"label",required:!1,type:{name:"string | null"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement>) => void"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},dataix:{defaultValue:{value:"0"},description:"",name:"dataix",required:!1,type:{name:"number"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string"}},helpText:{defaultValue:null,description:"",name:"helpText",required:!1,type:{name:"string"}},onClickHelp:{defaultValue:null,description:"",name:"onClickHelp",required:!1,type:{name:"TEmpty"}}}}}catch{}export{u as C};

package/dist/storybook/assets/{check-box.stories-0XCykxnz.js → check-box.stories-QBPARD7M.js}

@@ -1,4 +1,4 @@
-import{j as Y}from"./jsx-runtime-FsUICBgo.js";import{R as w}from"./index-RfLt4OUa.js";import{C as u}from"./check-box-LZdXXKhv.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./help-icon--rUDxLUD.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";const{useArgs:z}=__STORYBOOK_MODULE_ADDONS__,ce={title:"Forms/CheckBox",component:u,args:{disabled:!1,label:"Label"}},n=g=>{const[{checked:h},e]=z(),s=()=>{e({checked:!h})};return Y.jsx(u,{...g,onChange:s})},p=n.bind({}),r=n.bind({});r.args={small:!0};const a=n.bind({});a.args={disabled:!0};const c=n.bind({});c.args={checked:!0,disabled:!0};const t=n.bind({});t.args={label:null};const o=n.bind({});o.args={helpText:"Help text"};const d=n.bind({});d.args={onClickHelp:()=>console.log("Help clicked")};const l=n.bind({});l.args={helpText:"Help text",disabled:!0};const i=()=>{const[g,h]=w.useState([]);return["1","2","3","4"].map(e=>Y.jsx(u,{label:`Label ${e}`,checked:g.includes(e),onChange:()=>{h(s=>s.includes(e)?s.filter(q=>q!==e):[...s,e])}},e))};var m,k,C;p.parameters={...p.parameters,docs:{...(m=p.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
+import{j as Y}from"./jsx-runtime-FsUICBgo.js";import{R as w}from"./index-RfLt4OUa.js";import{C as u}from"./check-box-7DccPNCs.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./help-icon-yrJgkgdC.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";const{useArgs:z}=__STORYBOOK_MODULE_ADDONS__,te={title:"Forms/CheckBox",component:u,args:{disabled:!1,label:"Label"}},n=g=>{const[{checked:h},e]=z(),s=()=>{e({checked:!h})};return Y.jsx(u,{...g,onChange:s})},p=n.bind({}),r=n.bind({});r.args={small:!0};const a=n.bind({});a.args={disabled:!0};const c=n.bind({});c.args={checked:!0,disabled:!0};const t=n.bind({});t.args={label:null};const o=n.bind({});o.args={helpText:"Help text"};const d=n.bind({});d.args={onClickHelp:()=>console.log("Help clicked")};const l=n.bind({});l.args={helpText:"Help text",disabled:!0};const i=()=>{const[g,h]=w.useState([]);return["1","2","3","4"].map(e=>Y.jsx(u,{label:`Label ${e}`,checked:g.includes(e),onChange:()=>{h(s=>s.includes(e)?s.filter(q=>q!==e):[...s,e])}},e))};var m,k,C;p.parameters={...p.parameters,docs:{...(m=p.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
   const [{
     checked
   }, updateArgs] = useArgs();
@@ -99,4 +99,4 @@ import{j as Y}from"./jsx-runtime-FsUICBgo.js";import{R as w}from"./index-RfLt4OU
   return ['1', '2', '3', '4'].map(i => <CheckBox key={i} label={\`Label \${i}\`} checked={selected.includes(i)} onChange={() => {
     setSelected(prev => prev.includes(i) ? prev.filter(x => x !== i) : [...prev, i]);
   }} />);
-}`,...(U=(N=i.parameters)==null?void 0:N.docs)==null?void 0:U.source}}};const te=["Default","Small","Disabled","DisabledChecked","Standalone","HelpText","OnClickHelp","DisabledWithHelpText","TestKeys"];export{p as Default,a as Disabled,c as DisabledChecked,l as DisabledWithHelpText,o as HelpText,d as OnClickHelp,r as Small,t as Standalone,i as TestKeys,te as __namedExportsOrder,ce as default};
+}`,...(U=(N=i.parameters)==null?void 0:N.docs)==null?void 0:U.source}}};const oe=["Default","Small","Disabled","DisabledChecked","Standalone","HelpText","OnClickHelp","DisabledWithHelpText","TestKeys"];export{p as Default,a as Disabled,c as DisabledChecked,l as DisabledWithHelpText,o as HelpText,d as OnClickHelp,r as Small,t as Standalone,i as TestKeys,oe as __namedExportsOrder,te as default};

package/dist/storybook/assets/{chunk-HLWAVYOI-53hWDdvc.js → chunk-HLWAVYOI-HfFAKSRB.js}

@@ -1,4 +1,4 @@
-import{_ as i}from"./iframe-ujjJUTtn.js";import{R as t,r as p}from"./index-RfLt4OUa.js";import{r as l,u}from"./react-16-hgR7FrAp.js";import{b as h,A as E,H as d,D as x}from"./index-0dxTfrBP.js";var D={code:h,a:E,...d},_=class extends p.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(r){let{showException:e}=this.props;e(r)}render(){let{hasError:r}=this.state,{children:e}=this.props;return r?null:t.createElement(t.Fragment,null,e)}},R=class{constructor(){this.render=async(r,e,o)=>{let n={...D,...e==null?void 0:e.components},s=x;return new Promise((a,m)=>{i(()=>import("./index-4YXVTraW.js"),__vite__mapDeps([0,1]),import.meta.url).then(({MDXProvider:c})=>l(t.createElement(_,{showException:m,key:Math.random()},t.createElement(c,{components:n},t.createElement(s,{context:r,docsParameter:e}))),o)).then(()=>a())})},this.unmount=r=>{u(r)}}};export{R as D,D as d};
+import{_ as i}from"./iframe-uF49rd0M.js";import{R as t,r as p}from"./index-RfLt4OUa.js";import{r as l,u}from"./react-16-hgR7FrAp.js";import{b as h,A as E,H as d,D as x}from"./index-oLFGkfb-.js";var D={code:h,a:E,...d},_=class extends p.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(r){let{showException:e}=this.props;e(r)}render(){let{hasError:r}=this.state,{children:e}=this.props;return r?null:t.createElement(t.Fragment,null,e)}},R=class{constructor(){this.render=async(r,e,o)=>{let n={...D,...e==null?void 0:e.components},s=x;return new Promise((a,m)=>{i(()=>import("./index-4YXVTraW.js"),__vite__mapDeps([0,1]),import.meta.url).then(({MDXProvider:c})=>l(t.createElement(_,{showException:m,key:Math.random()},t.createElement(c,{components:n},t.createElement(s,{context:r,docsParameter:e}))),o)).then(()=>a())})},this.unmount=r=>{u(r)}}};export{R as D,D as d};
 function __vite__mapDeps(indexes) {
   if (!__vite__mapDeps.viteFileDeps) {
     __vite__mapDeps.viteFileDeps = ["./index-4YXVTraW.js","./index-RfLt4OUa.js"]

package/dist/storybook/assets/color-RZTO_BH4.js

@@ -0,0 +1,25 @@
+import{j as o}from"./jsx-runtime-FsUICBgo.js";import"./chunk-HLWAVYOI-HfFAKSRB.js";import{M as d}from"./index-oLFGkfb-.js";import{r as p}from"./index-RfLt4OUa.js";import{t as m,T as x}from"./toaster-bqqWcltU.js";import{useMDXComponents as l}from"./index-4YXVTraW.js";import"./iframe-uF49rd0M.js";import"../sb-preview/runtime.js";import"./react-16-hgR7FrAp.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-gM75B7fB.js";import"./message-p9VAXLNZ.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";const h=["--color-text","--color-text-muted","--color-text-faint","--color-text-error","--color-text-warning","--color-text-success","--color-text-info","--color-text-primary","--color-text-primary-hover","--color-text-primary-active"],u=["--color-background","--color-background-raised","--color-background-primary","--color-background-info","--color-background-warning","--color-background-success","--color-background-error"],g=["--color-border","--color-border-error","--color-border-warning","--color-border-focus"],c=[50,100,150,200,250,300,350,400,450,500,550,600,650,700,750,800,850,900,950],j=c.map(r=>`--color-neutral-${r}`),b=c.map(r=>`--color-primary-${r}`),f=c.map(r=>`--color-error-${r}`),y=c.map(r=>`--color-warning-${r}`),C=c.map(r=>`--color-success-${r}`),k=c.map(r=>`--color-info-${r}`),t=({colors:r})=>o.jsx("div",{style:{display:"grid",gridTemplateColumns:"auto 1fr auto 1fr",gap:20,alignItems:"center"},children:r.map((n,a)=>{const e=`var(${n})`,s=()=>{navigator.clipboard.writeText(e),m({message:{type:"Success",content:"Copied to clipboard"}})};return o.jsxs(p.Fragment,{children:[o.jsx("div",{style:{padding:"var(--padding)",backgroundColor:e,border:"1px solid rgba(0,0,0,0.1)"},onClick:s}),o.jsx("code",{onClick:s,children:e})]},a)})});try{t.displayName="ColorPalette",t.__docgenInfo={description:"",displayName:"ColorPalette",props:{colors:{defaultValue:null,description:"",name:"colors",required:!0,type:{name:"string[]"}}}}}catch{}function i(r){const n=Object.assign({h1:"h1",p:"p",strong:"strong",h2:"h2",h3:"h3"},l(),r.components);return o.jsxs(o.Fragment,{children:[o.jsx(d,{title:"Colors"}),`
+`,o.jsx(n.h1,{id:"colors",children:"Colors"}),`
+`,o.jsx(n.p,{children:"When setting colors (either by component props or in custom styling), prefer named CSS variables to literal color values."}),`
+`,o.jsx(n.p,{children:o.jsx(n.strong,{children:"Click on a color below to copy the variable name to the clipboard."})}),`
+`,o.jsx(n.h2,{id:"named-colors",children:"Named colors"}),`
+`,o.jsx(n.h3,{id:"text",children:"Text"}),`
+`,o.jsx(t,{colors:h}),`
+`,o.jsx(n.h3,{id:"backgrounds",children:"Backgrounds"}),`
+`,o.jsx(t,{colors:u}),`
+`,o.jsx(n.h3,{id:"borders",children:"Borders"}),`
+`,o.jsx(t,{colors:g}),`
+`,o.jsx(n.h2,{id:"base-colors",children:"Base colors"}),`
+`,o.jsx(n.h3,{id:"neutral",children:"Neutral"}),`
+`,o.jsx(t,{colors:j}),`
+`,o.jsx(n.h3,{id:"primary",children:"Primary"}),`
+`,o.jsx(t,{colors:b}),`
+`,o.jsx(n.h3,{id:"error",children:"Error"}),`
+`,o.jsx(t,{colors:f}),`
+`,o.jsx(n.h3,{id:"warning",children:"Warning"}),`
+`,o.jsx(t,{colors:y}),`
+`,o.jsx(n.h3,{id:"success",children:"Success"}),`
+`,o.jsx(t,{colors:C}),`
+`,o.jsx(n.h3,{id:"info",children:"Info"}),`
+`,o.jsx(t,{colors:k}),`
+`,o.jsx(x,{})]})}function A(r={}){const{wrapper:n}=Object.assign({},l(),r.components);return n?o.jsx(n,Object.assign({},r,{children:o.jsx(i,r)})):i(r)}export{A as default};

package/dist/storybook/assets/{column.stories-6OLsjlcP.js → column.stories-FWqVDX5B.js}

@@ -1,4 +1,4 @@
-import{j as r}from"./jsx-runtime-FsUICBgo.js";import{C as p,R as W}from"./row-vFUhHoz5.js";import{H as m}from"./heading-Bk0bpNfe.js";import"./index-RfLt4OUa.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./tslib.es6-OIsz3r9a.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./help-icon--rUDxLUD.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";const Z={title:"Layout/Columns & Rows",component:p,parameters:{layout:"fullscreen"},args:{width:"50%",padding:!0,borderRight:!0},argTypes:{width:{control:{type:"text"}},padding:{control:{type:"text"}},borderLeft:{control:{type:"boolean"}},borderRight:{control:{type:"boolean"}}}},e=_=>{const{height:D,wrap:F,...L}=_;return r.jsxs(W,{spacing:0,height:D,wrap:F,children:[r.jsxs(p,{...L,children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]}),r.jsx(p,{padding:!0,background:"var(--color-background)"})]})},c=e.bind({}),o=e.bind({});o.args={padding:!1};const a=e.bind({});a.args={width:"400px"};const n=e.bind({});n.args={scroll:!0,height:"200px"};const t=e.bind({});t.args={scroll:!0,showScrollbar:!1,height:"200px"};const s=e.bind({});s.args={wrap:!0,widthTablet:"50%",widthMobile:"100%",borderRight:!1};const i=()=>r.jsxs(W,{spacing:100,children:[r.jsxs(p,{children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]}),r.jsxs(p,{children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]})]});var g,l,u;c.parameters={...c.parameters,docs:{...(g=c.parameters)==null?void 0:g.docs,source:{originalSource:`args => {
+import{j as r}from"./jsx-runtime-FsUICBgo.js";import{C as p,R as W}from"./row-vFUhHoz5.js";import{H as m}from"./heading-sY0SLHoQ.js";import"./index-RfLt4OUa.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./tslib.es6-OIsz3r9a.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./help-icon-yrJgkgdC.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";const $={title:"Layout/Columns & Rows",component:p,parameters:{layout:"fullscreen"},args:{width:"50%",padding:!0,borderRight:!0},argTypes:{width:{control:{type:"text"}},padding:{control:{type:"text"}},borderLeft:{control:{type:"boolean"}},borderRight:{control:{type:"boolean"}}}},e=_=>{const{height:D,wrap:F,...L}=_;return r.jsxs(W,{spacing:0,height:D,wrap:F,children:[r.jsxs(p,{...L,children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]}),r.jsx(p,{padding:!0,background:"var(--color-background)"})]})},i=e.bind({}),o=e.bind({});o.args={padding:!1};const a=e.bind({});a.args={width:"400px"};const n=e.bind({});n.args={scroll:!0,height:"200px"};const t=e.bind({});t.args={scroll:!0,showScrollbar:!1,height:"200px"};const s=e.bind({});s.args={wrap:!0,widthTablet:"50%",widthMobile:"100%",borderRight:!1};const c=()=>r.jsxs(W,{spacing:100,children:[r.jsxs(p,{children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]}),r.jsxs(p,{children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]})]});var g,l,u;i.parameters={...i.parameters,docs:{...(g=i.parameters)==null?void 0:g.docs,source:{originalSource:`args => {
   const {
     height,
     wrap,
@@ -11,7 +11,7 @@ import{j as r}from"./jsx-runtime-FsUICBgo.js";import{C as p,R as W}from"./row-vF
       </Column>
       <Column padding background="var(--color-background)" />
     </Row>;
-}`,...(u=(l=c.parameters)==null?void 0:l.docs)==null?void 0:u.source}}};var d,h,w;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`args => {
+}`,...(u=(l=i.parameters)==null?void 0:l.docs)==null?void 0:u.source}}};var d,h,w;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`args => {
   const {
     height,
     wrap,
@@ -76,7 +76,7 @@ import{j as r}from"./jsx-runtime-FsUICBgo.js";import{C as p,R as W}from"./row-vF
       </Column>
       <Column padding background="var(--color-background)" />
     </Row>;
-}`,...(v=(j=s.parameters)==null?void 0:j.docs)==null?void 0:v.source}}};var y,T,N;i.parameters={...i.parameters,docs:{...(y=i.parameters)==null?void 0:y.docs,source:{originalSource:`() => <Row spacing={100}>
+}`,...(v=(j=s.parameters)==null?void 0:j.docs)==null?void 0:v.source}}};var y,T,N;c.parameters={...c.parameters,docs:{...(y=c.parameters)==null?void 0:y.docs,source:{originalSource:`() => <Row spacing={100}>
     <Column>
       <Heading top>Column</Heading>
       {'Example content goes here lorem ipsum. '.repeat(20)}
@@ -85,4 +85,4 @@ import{j as r}from"./jsx-runtime-FsUICBgo.js";import{C as p,R as W}from"./row-vF
       <Heading top>Column</Heading>
       {'Example content goes here lorem ipsum. '.repeat(20)}
     </Column>
-  </Row>`,...(N=(T=i.parameters)==null?void 0:T.docs)==null?void 0:N.source}}};const $=["Default","NoPadding","FixedWidth","Scroll","HideScrollbar","ResponsiveWidth","TestNumberSpacing"];export{c as Default,a as FixedWidth,t as HideScrollbar,o as NoPadding,s as ResponsiveWidth,n as Scroll,i as TestNumberSpacing,$ as __namedExportsOrder,Z as default};
+  </Row>`,...(N=(T=c.parameters)==null?void 0:T.docs)==null?void 0:N.source}}};const rr=["Default","NoPadding","FixedWidth","Scroll","HideScrollbar","ResponsiveWidth","TestNumberSpacing"];export{i as Default,a as FixedWidth,t as HideScrollbar,o as NoPadding,s as ResponsiveWidth,n as Scroll,c as TestNumberSpacing,rr as __namedExportsOrder,$ as default};

package/dist/storybook/assets/{dialog-WKHRZcjc.js → dialog-e8amLd6m.js}

@@ -1 +1 @@
-import{j as t}from"./jsx-runtime-FsUICBgo.js";import{r as l}from"./index-RfLt4OUa.js";import{c as m}from"./index-VW3EWkuE.js";import{P as x}from"./portal-zPiHHKoC.js";import{l as y}from"./lodash-Bmg8FrMx.js";import{I as j}from"./common-types-U65vzrrz.js";import{H as v}from"./heading-Bk0bpNfe.js";import{B as w}from"./button-7V8oA22w.js";const _=(n,e,r=[])=>{l.useEffect(()=>{const i=o=>{o.key===n&&e()};return window.addEventListener("keydown",i),()=>{window.removeEventListener("keydown",i)}},r)},E="_wrapper_sb0hc_1",N="_contentContainer_sb0hc_15",b="_centered_sb0hc_24",k="_newLine_sb0hc_28",c={wrapper:E,contentContainer:N,centered:b,newLine:k},C=({children:n})=>{const e=l.useRef(null);return l.useEffect(()=>{if(e.current){const r=e.current.querySelector('[tabindex="0"]');r?r.focus():e.current.focus()}},[]),t.jsx("div",{ref:e,tabIndex:-1,className:m(c.wrapper),children:n})},I=({children:n,width:e,centered:r})=>t.jsx("div",{className:m(c.contentContainer,r?c.centered:""),style:{maxWidth:e},children:n}),f=({children:n,visible:e=!1,centered:r=!1,width:i="100%",onEnter:o,onEscape:d})=>(_("Enter",()=>{e&&o&&o()},[e,o]),_("Escape",()=>{e&&d&&d()},[e,d]),t.jsxs(t.Fragment,{children:[t.jsx(x,{id:"modalContainer",children:e?t.jsx(C,{children:t.jsx(I,{width:i,centered:r,children:n})}):null}),t.jsx("div",{id:"modalContainer"})]}));try{f.displayName="Modal",f.__docgenInfo={description:"",displayName:"Modal",props:{visible:{defaultValue:{value:"false"},description:"",name:"visible",required:!1,type:{name:"boolean"}},centered:{defaultValue:{value:"false"},description:"",name:"centered",required:!1,type:{name:"boolean"}},width:{defaultValue:{value:"100%"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},onEnter:{defaultValue:null,description:"",name:"onEnter",required:!1,type:{name:"(() => void)"}},onEscape:{defaultValue:null,description:"",name:"onEscape",required:!1,type:{name:"(() => void)"}}}}}catch{}const q="_dialog_18g0k_1",L="_inline_18g0k_18",V="_scroll_18g0k_21",D="_header_18g0k_24",M="_dismiss_18g0k_33",S="_content_18g0k_38",$="_footer_18g0k_47",a={dialog:q,inline:L,scroll:V,header:D,dismiss:M,content:S,footer:$},B=n=>y.isArray(n)?n.map((e,r)=>t.jsxs(l.Fragment,{children:[e," ",t.jsx("br",{})]},r)):n,g=({dialog:n})=>{const{heading:e,content:r,contentPadding:i="var(--padding)",footer:o,scroll:d,width:u,height:h,onClose:p,testId:s}=n;return t.jsxs("div",{className:m(a.dialog,u?a.inline:null,d?a.scroll:null),style:{width:u,height:h},"data-testid":s??null,children:[t.jsxs("div",{className:a.header,children:[t.jsx(v,{testId:s&&`${s}-heading`,top:!0,marginBottom:0,children:e}),p?t.jsx("div",{className:a.dismiss,children:t.jsx(w,{icon:j.CLOSE,round:!0,basic:!0,small:!0,colored:"muted",onClick:p})}):null]}),t.jsx("div",{"data-testid":s&&`${s}-content`,className:a.content,style:{padding:i},children:B(r)}),o&&t.jsx("div",{"data-testid":s&&`${s}-footer`,className:a.footer,children:o})]})};try{g.displayName="Dialog",g.__docgenInfo={description:"",displayName:"Dialog",props:{dialog:{defaultValue:null,description:"",name:"dialog",required:!0,type:{name:"IDialog"}}}}}catch{}export{g as D,f as M};
+import{j as t}from"./jsx-runtime-FsUICBgo.js";import{r as l}from"./index-RfLt4OUa.js";import{c as m}from"./index-VW3EWkuE.js";import{P as x}from"./portal-zPiHHKoC.js";import{l as y}from"./lodash-Bmg8FrMx.js";import{I as j}from"./common-types-U65vzrrz.js";import{H as v}from"./heading-sY0SLHoQ.js";import{B as w}from"./button-qfybxFqE.js";const _=(n,e,r=[])=>{l.useEffect(()=>{const i=o=>{o.key===n&&e()};return window.addEventListener("keydown",i),()=>{window.removeEventListener("keydown",i)}},r)},E="_wrapper_sb0hc_1",N="_contentContainer_sb0hc_15",b="_centered_sb0hc_24",k="_newLine_sb0hc_28",c={wrapper:E,contentContainer:N,centered:b,newLine:k},C=({children:n})=>{const e=l.useRef(null);return l.useEffect(()=>{if(e.current){const r=e.current.querySelector('[tabindex="0"]');r?r.focus():e.current.focus()}},[]),t.jsx("div",{ref:e,tabIndex:-1,className:m(c.wrapper),children:n})},I=({children:n,width:e,centered:r})=>t.jsx("div",{className:m(c.contentContainer,r?c.centered:""),style:{maxWidth:e},children:n}),f=({children:n,visible:e=!1,centered:r=!1,width:i="100%",onEnter:o,onEscape:d})=>(_("Enter",()=>{e&&o&&o()},[e,o]),_("Escape",()=>{e&&d&&d()},[e,d]),t.jsxs(t.Fragment,{children:[t.jsx(x,{id:"modalContainer",children:e?t.jsx(C,{children:t.jsx(I,{width:i,centered:r,children:n})}):null}),t.jsx("div",{id:"modalContainer"})]}));try{f.displayName="Modal",f.__docgenInfo={description:"",displayName:"Modal",props:{visible:{defaultValue:{value:"false"},description:"",name:"visible",required:!1,type:{name:"boolean"}},centered:{defaultValue:{value:"false"},description:"",name:"centered",required:!1,type:{name:"boolean"}},width:{defaultValue:{value:"100%"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},onEnter:{defaultValue:null,description:"",name:"onEnter",required:!1,type:{name:"(() => void)"}},onEscape:{defaultValue:null,description:"",name:"onEscape",required:!1,type:{name:"(() => void)"}}}}}catch{}const q="_dialog_18g0k_1",L="_inline_18g0k_18",V="_scroll_18g0k_21",D="_header_18g0k_24",M="_dismiss_18g0k_33",S="_content_18g0k_38",$="_footer_18g0k_47",a={dialog:q,inline:L,scroll:V,header:D,dismiss:M,content:S,footer:$},B=n=>y.isArray(n)?n.map((e,r)=>t.jsxs(l.Fragment,{children:[e," ",t.jsx("br",{})]},r)):n,g=({dialog:n})=>{const{heading:e,content:r,contentPadding:i="var(--padding)",footer:o,scroll:d,width:u,height:h,onClose:p,testId:s}=n;return t.jsxs("div",{className:m(a.dialog,u?a.inline:null,d?a.scroll:null),style:{width:u,height:h},"data-testid":s??null,children:[t.jsxs("div",{className:a.header,children:[t.jsx(v,{testId:s&&`${s}-heading`,top:!0,marginBottom:0,children:e}),p?t.jsx("div",{className:a.dismiss,children:t.jsx(w,{icon:j.CLOSE,round:!0,basic:!0,small:!0,colored:"muted",onClick:p})}):null]}),t.jsx("div",{"data-testid":s&&`${s}-content`,className:a.content,style:{padding:i},children:B(r)}),o&&t.jsx("div",{"data-testid":s&&`${s}-footer`,className:a.footer,children:o})]})};try{g.displayName="Dialog",g.__docgenInfo={description:"",displayName:"Dialog",props:{dialog:{defaultValue:null,description:"",name:"dialog",required:!0,type:{name:"IDialog"}}}}}catch{}export{g as D,f as M};