@oliasoft-open-source/react-ui-library 4.0.0-beta-41 → 4.0.0-beta-42

package/dist/storybook/assets/{list.stories-5ed17982.js → list.stories-2527b94e.js}

@@ -1,4 +1,4 @@
-import{j as s}from"./jsx-runtime-f961835c.js";import{r as $}from"./index-f80c8c95.js";import{p as k}from"./immer.esm-5c06d4d0.js";import{L as x,a as X}from"./list-1c815d64.js";import{L as Ue}from"./list-heading-e884ff66.js";import{F as Ve}from"./flex-47732c42.js";import{l as Ye,a as Ze,b as en,c as nn,d as an,e as tn,f as rn,g as sn,h as on,i as dn,j as mn,k as ln,m as Pe}from"./list.stories-data-8d368568.js";import"./index-a80ed1cf.js";import"./index.es-2e8c1ff9.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./hoist-non-react-statics.cjs-cd4c875b.js";import"./index-3d476d02.js";import"./memoize-one.esm-52518564.js";import"./icon-6cfc6944.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./card-2de0de0b.js";import"./common-types-3a5f9d98.js";import"./actions-3e8ee8ec.js";import"./lodash-75c70a11.js";import"./button-9027cb35.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-1615fbe5.js";import"./loader-1947f6cd.js";import"./heading-5eb5ea78.js";import"./help-icon-6216ea0b.js";const _n={title:"Basic/List",component:x,args:{list:Ye,noHeader:!0},parameters:{layout:"fullscreen"}},o=d=>s.jsx(x,{...d}),B=o.bind({}),L=o.bind({});L.args={list:Ze};const D=o.bind({});D.args={list:en};const v=o.bind({});v.args={list:nn};const K=o.bind({});K.args={list:an,expanding:!0};const H=o.bind({});H.args={list:tn,noHeader:!1};const M=o.bind({});M.args={list:rn};const j=o.bind({});j.args={list:sn};const T=o.bind({});T.args={list:on};const R=o.bind({});R.args={list:dn,noHeader:!1};const E=o.bind({});E.args={bordered:!0};const N=o.bind({});N.args={list:mn};const w=o.bind({});w.args={list:ln};const I=o.bind({});I.args={list:Pe,noHeader:!1,stickyHeader:!0};I.parameters={docs:{story:{inline:!1,iframeHeight:200}}};const f=o.bind({});f.args={list:Pe,scrollDetails:{scrollable:!0}};f.parameters={docs:{description:{story:"Adds an internal scrollbar to the `List`, which will fill its parent height unless a `height` is set. The scrollbar can be toggled using `hideScrollbar`."}}};f.decorators=[d=>s.jsx("div",{style:{height:200,overflow:"hidden"},children:d()})];const O=()=>{const[d,y]=$.useState(0),b={name:"Animals",items:[...Array(50)].map((m,l)=>({id:l,name:`Aardvark #${l+1}`,active:l===d,onClick:()=>y(l)}))};return s.jsx("div",{style:{height:200,overflow:"auto"},children:s.jsx(x,{list:b,scrollDetails:{infiniteScroll:!0,scrollable:!0,limit:10}})})},J=()=>{const d=(e,a)=>{switch(a.type){case"headingClicked":{const{headingKey:t}=a.payload;return k(e,i=>{const r=i[t];r.expanded=!r.expanded})}case"itemClicked":{const{headingKey:t,itemIndex:i}=a.payload;return k(e,r=>{Object.keys(r).forEach(h=>{r[h].items.forEach((A,Qe)=>{A.active=h===t&&Qe===i})})})}case"addClicked":{const{headingKey:t}=a.payload;return k(e,i=>{const r=i[t];r.expanded=!0,r.items.push({name:`${r.label} #${r.items.length+1}`})})}case"deleteClicked":{const{headingKey:t,itemIndex:i}=a.payload;return k(e,r=>{let{items:h}=r[t];delete h[i],r[t].items=h.filter(A=>A)})}default:return e}},y=()=>({mammals:{draggable:!0,name:"Mammals",key:"mammals",label:"Mammals",expanded:!0,items:[{name:"Click item to scroll",type:"Heading"},{name:"Mammal #1",active:!0},{name:"Mammal #2"},{name:"Mammal #3"},{name:"Mammal #4"},{name:"Mammal #5"},{name:"Mammal #6"},{name:"Mammal #7"},{name:"Mammal #8"},{name:"Mammal #9"},{name:"Mammal #10"}]},amphibians:{name:"Amphibians (sticky header)",key:"amphibians",label:"Amphibians",expanded:!0,items:[{name:"Click item to scroll",type:"Heading"},{name:"Amphibian #1",active:!0},{name:"Amphibian #2"},{name:"Amphibian #3"},{name:"Amphibian #4"},{name:"Amphibian #5"},{name:"Amphibian #6"},{name:"Amphibian #7"},{name:"Amphibian #8"},{name:"Amphibian #9"},{name:"Amphibian #10"}]}}),[b,m]=$.useReducer(d,{},()=>y()),[l,u]=$.useState(!1),c=(e,a)=>{u(!0),m({type:"itemClicked",payload:{headingKey:e,itemIndex:a}}),setTimeout(()=>u(!1),0)},p=e=>{m({type:"addClicked",payload:{headingKey:e}})},g=(e,a)=>m({type:"deleteClicked",payload:{headingKey:e,itemIndex:a}}),{mammals:S,amphibians:F}=b,C=e=>({...e,actions:[{label:"Add",primary:!0,icon:"add",onClick:()=>p(e.key)}],items:e.items.map((a,t)=>a.type=="Heading"?{...a,id:t}:{...a,id:t,onClick:()=>c(e.key,t),actions:[{label:"Delete",icon:"delete",onClick:()=>g(e.key,t)}]})}),n=300;return s.jsxs(Ve,{gap:!0,children:[s.jsx(x,{list:C(S),bordered:!0,height:n,scrollDetails:{scrollable:!0,hideScrollbar:!1,triggerScrollToActiveItem:l}}),s.jsx(x,{list:C(F),bordered:!0,stickyHeader:!0,height:n,scrollDetails:{scrollable:!0,hideScrollbar:!1,triggerScrollToActiveItem:l}})]})},_=()=>{const d=(n,e)=>{switch(e.type){case"headingClicked":{const{headingKey:a}=e.payload;return k(n,t=>{const i=t[a];i.expanded=!i.expanded})}case"itemClicked":{const{headingKey:a,itemIndex:t}=e.payload;return k(n,i=>{Object.keys(i).forEach(r=>{i[r].items.forEach((h,A)=>{h.active=r===a&&A===t})})})}case"addClicked":{const{headingKey:a}=e.payload;return k(n,t=>{const i=t[a];i.expanded=!0,i.items.push({name:`${i.label} #${i.items.length+1}`})})}case"deleteClicked":{const{headingKey:a,itemIndex:t}=e.payload;return k(n,i=>{let{items:r}=i[a];delete r[t],i[a].items=r.filter(h=>h)})}default:return n}},y=()=>({mammals:{key:"mammals",label:"Mammals",expanded:!0,items:[{name:"Aardvark",active:!0},{name:"Kangaroo"}]},amphibians:{key:"amphibians",label:"Amphibians",expanded:!0,items:[{name:"Frog"}]}}),[b,m]=$.useReducer(d,y()),l=n=>m({type:"headingClicked",payload:{headingKey:n}}),u=(n,e)=>m({type:"itemClicked",payload:{headingKey:n,itemIndex:e}}),c=n=>m({type:"addClicked",payload:{headingKey:n}}),p=(n,e)=>m({type:"deleteClicked",payload:{headingKey:n,itemIndex:e}}),{mammals:g,amphibians:S}=b,F=n=>({name:n.label,metaCount:n.items.length,expanded:n.expanded,onClick:()=>l(n.key),actions:[{label:"Add",primary:!0,icon:"add",onClick:()=>c(n.key)}]}),C=n=>({...n,items:n.items.map((e,a)=>({...e,id:a,onClick:()=>u(n.key,a),actions:[{label:"Delete",icon:"delete",onClick:()=>p(n.key,a)}]}))});return s.jsxs(s.Fragment,{children:[s.jsx(Ue,{name:"Animals"}),s.jsx(X,{item:F(g)}),g.expanded&&s.jsx(x,{noHeader:!0,list:C(g)}),s.jsx(X,{item:F(S)}),S.expanded&&s.jsx(x,{noHeader:!0,list:C(S)})]})},W=()=>{const d=(u,c,p)=>{if(c&&isNaN(c)||p&&isNaN(p)||c===p)return u;const g=[...u];return typeof p=="number"&&typeof c=="number"&&g.splice(p,0,g.splice(c,1)[0]),g},y={name:"List Name",draggable:!0,items:[{id:1,name:"element 1",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:2,name:"element 2",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:3,name:"element 3"},{id:4,name:"element 4",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:5,name:"element 5",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]}]},[b,m]=$.useState(y.items),l=u=>{const{to:c,from:p}=u;m(d(b,p,c))};return s.jsx(x,{list:{...y,items:b},draggable:!0,onListReorder:l})};var q,z,G;B.parameters={...B.parameters,docs:{...(q=B.parameters)==null?void 0:q.docs,source:{originalSource:`args => {
+import{j as s}from"./jsx-runtime-f961835c.js";import{r as $}from"./index-f80c8c95.js";import{p as k}from"./immer.esm-5c06d4d0.js";import{L as x,a as X}from"./list-697735f7.js";import{L as Ue}from"./list-heading-125fdb52.js";import{F as Ve}from"./flex-47732c42.js";import{l as Ye,a as Ze,b as en,c as nn,d as an,e as tn,f as rn,g as sn,h as on,i as dn,j as mn,k as ln,m as Pe}from"./list.stories-data-be8f33d5.js";import"./index-a80ed1cf.js";import"./index.es-a10b54aa.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./index-3d476d02.js";import"./memoize-one.esm-52518564.js";import"./icon-281c0950.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./card-2de0de0b.js";import"./common-types-3a5f9d98.js";import"./actions-adb8a67c.js";import"./lodash-75c70a11.js";import"./button-1a1d00ec.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-a96e6194.js";import"./loader-1947f6cd.js";import"./heading-2919c91b.js";import"./help-icon-ca6c6ab6.js";const _n={title:"Basic/List",component:x,args:{list:Ye,noHeader:!0},parameters:{layout:"fullscreen"}},o=d=>s.jsx(x,{...d}),B=o.bind({}),L=o.bind({});L.args={list:Ze};const D=o.bind({});D.args={list:en};const v=o.bind({});v.args={list:nn};const K=o.bind({});K.args={list:an,expanding:!0};const H=o.bind({});H.args={list:tn,noHeader:!1};const M=o.bind({});M.args={list:rn};const j=o.bind({});j.args={list:sn};const T=o.bind({});T.args={list:on};const R=o.bind({});R.args={list:dn,noHeader:!1};const E=o.bind({});E.args={bordered:!0};const N=o.bind({});N.args={list:mn};const w=o.bind({});w.args={list:ln};const I=o.bind({});I.args={list:Pe,noHeader:!1,stickyHeader:!0};I.parameters={docs:{story:{inline:!1,iframeHeight:200}}};const f=o.bind({});f.args={list:Pe,scrollDetails:{scrollable:!0}};f.parameters={docs:{description:{story:"Adds an internal scrollbar to the `List`, which will fill its parent height unless a `height` is set. The scrollbar can be toggled using `hideScrollbar`."}}};f.decorators=[d=>s.jsx("div",{style:{height:200,overflow:"hidden"},children:d()})];const O=()=>{const[d,y]=$.useState(0),b={name:"Animals",items:[...Array(50)].map((m,l)=>({id:l,name:`Aardvark #${l+1}`,active:l===d,onClick:()=>y(l)}))};return s.jsx("div",{style:{height:200,overflow:"auto"},children:s.jsx(x,{list:b,scrollDetails:{infiniteScroll:!0,scrollable:!0,limit:10}})})},J=()=>{const d=(e,a)=>{switch(a.type){case"headingClicked":{const{headingKey:t}=a.payload;return k(e,i=>{const r=i[t];r.expanded=!r.expanded})}case"itemClicked":{const{headingKey:t,itemIndex:i}=a.payload;return k(e,r=>{Object.keys(r).forEach(h=>{r[h].items.forEach((A,Qe)=>{A.active=h===t&&Qe===i})})})}case"addClicked":{const{headingKey:t}=a.payload;return k(e,i=>{const r=i[t];r.expanded=!0,r.items.push({name:`${r.label} #${r.items.length+1}`})})}case"deleteClicked":{const{headingKey:t,itemIndex:i}=a.payload;return k(e,r=>{let{items:h}=r[t];delete h[i],r[t].items=h.filter(A=>A)})}default:return e}},y=()=>({mammals:{draggable:!0,name:"Mammals",key:"mammals",label:"Mammals",expanded:!0,items:[{name:"Click item to scroll",type:"Heading"},{name:"Mammal #1",active:!0},{name:"Mammal #2"},{name:"Mammal #3"},{name:"Mammal #4"},{name:"Mammal #5"},{name:"Mammal #6"},{name:"Mammal #7"},{name:"Mammal #8"},{name:"Mammal #9"},{name:"Mammal #10"}]},amphibians:{name:"Amphibians (sticky header)",key:"amphibians",label:"Amphibians",expanded:!0,items:[{name:"Click item to scroll",type:"Heading"},{name:"Amphibian #1",active:!0},{name:"Amphibian #2"},{name:"Amphibian #3"},{name:"Amphibian #4"},{name:"Amphibian #5"},{name:"Amphibian #6"},{name:"Amphibian #7"},{name:"Amphibian #8"},{name:"Amphibian #9"},{name:"Amphibian #10"}]}}),[b,m]=$.useReducer(d,{},()=>y()),[l,u]=$.useState(!1),c=(e,a)=>{u(!0),m({type:"itemClicked",payload:{headingKey:e,itemIndex:a}}),setTimeout(()=>u(!1),0)},p=e=>{m({type:"addClicked",payload:{headingKey:e}})},g=(e,a)=>m({type:"deleteClicked",payload:{headingKey:e,itemIndex:a}}),{mammals:S,amphibians:F}=b,C=e=>({...e,actions:[{label:"Add",primary:!0,icon:"add",onClick:()=>p(e.key)}],items:e.items.map((a,t)=>a.type=="Heading"?{...a,id:t}:{...a,id:t,onClick:()=>c(e.key,t),actions:[{label:"Delete",icon:"delete",onClick:()=>g(e.key,t)}]})}),n=300;return s.jsxs(Ve,{gap:!0,children:[s.jsx(x,{list:C(S),bordered:!0,height:n,scrollDetails:{scrollable:!0,hideScrollbar:!1,triggerScrollToActiveItem:l}}),s.jsx(x,{list:C(F),bordered:!0,stickyHeader:!0,height:n,scrollDetails:{scrollable:!0,hideScrollbar:!1,triggerScrollToActiveItem:l}})]})},_=()=>{const d=(n,e)=>{switch(e.type){case"headingClicked":{const{headingKey:a}=e.payload;return k(n,t=>{const i=t[a];i.expanded=!i.expanded})}case"itemClicked":{const{headingKey:a,itemIndex:t}=e.payload;return k(n,i=>{Object.keys(i).forEach(r=>{i[r].items.forEach((h,A)=>{h.active=r===a&&A===t})})})}case"addClicked":{const{headingKey:a}=e.payload;return k(n,t=>{const i=t[a];i.expanded=!0,i.items.push({name:`${i.label} #${i.items.length+1}`})})}case"deleteClicked":{const{headingKey:a,itemIndex:t}=e.payload;return k(n,i=>{let{items:r}=i[a];delete r[t],i[a].items=r.filter(h=>h)})}default:return n}},y=()=>({mammals:{key:"mammals",label:"Mammals",expanded:!0,items:[{name:"Aardvark",active:!0},{name:"Kangaroo"}]},amphibians:{key:"amphibians",label:"Amphibians",expanded:!0,items:[{name:"Frog"}]}}),[b,m]=$.useReducer(d,y()),l=n=>m({type:"headingClicked",payload:{headingKey:n}}),u=(n,e)=>m({type:"itemClicked",payload:{headingKey:n,itemIndex:e}}),c=n=>m({type:"addClicked",payload:{headingKey:n}}),p=(n,e)=>m({type:"deleteClicked",payload:{headingKey:n,itemIndex:e}}),{mammals:g,amphibians:S}=b,F=n=>({name:n.label,metaCount:n.items.length,expanded:n.expanded,onClick:()=>l(n.key),actions:[{label:"Add",primary:!0,icon:"add",onClick:()=>c(n.key)}]}),C=n=>({...n,items:n.items.map((e,a)=>({...e,id:a,onClick:()=>u(n.key,a),actions:[{label:"Delete",icon:"delete",onClick:()=>p(n.key,a)}]}))});return s.jsxs(s.Fragment,{children:[s.jsx(Ue,{name:"Animals"}),s.jsx(X,{item:F(g)}),g.expanded&&s.jsx(x,{noHeader:!0,list:C(g)}),s.jsx(X,{item:F(S)}),S.expanded&&s.jsx(x,{noHeader:!0,list:C(S)})]})},W=()=>{const d=(u,c,p)=>{if(c&&isNaN(c)||p&&isNaN(p)||c===p)return u;const g=[...u];return typeof p=="number"&&typeof c=="number"&&g.splice(p,0,g.splice(c,1)[0]),g},y={name:"List Name",draggable:!0,items:[{id:1,name:"element 1",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:2,name:"element 2",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:3,name:"element 3"},{id:4,name:"element 4",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:5,name:"element 5",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]}]},[b,m]=$.useState(y.items),l=u=>{const{to:c,from:p}=u;m(d(b,p,c))};return s.jsx(x,{list:{...y,items:b},draggable:!0,onListReorder:l})};var q,z,G;B.parameters={...B.parameters,docs:{...(q=B.parameters)==null?void 0:q.docs,source:{originalSource:`args => {
   return <List {...args} />;
 }`,...(G=(z=B.parameters)==null?void 0:z.docs)==null?void 0:G.source}}};var P,Q,U;L.parameters={...L.parameters,docs:{...(P=L.parameters)==null?void 0:P.docs,source:{originalSource:`args => {
   return <List {...args} />;

package/dist/storybook/assets/{list.stories-data-8d368568.js → list.stories-data-be8f33d5.js}

@@ -1 +1 @@
-import{j as s}from"./jsx-runtime-f961835c.js";import{I as i,T as r}from"./common-types-3a5f9d98.js";import{F as o}from"./flex-47732c42.js";import{M as d}from"./actions-3e8ee8ec.js";import{I as n}from"./icon-6cfc6944.js";import{M as l}from"./types-cc224262.js";const a=[{id:1,name:"Aardvark"},{id:2,name:"Kangaroo",active:!0},{id:3,name:"Jaguar",disabled:!0}],p=[{id:1,name:"Marsupials",type:"Heading",metaCount:1},{id:2,name:"Aardvark"},{id:3,name:"Kangaroo",active:!0},{id:4,name:"Mammals",type:"Heading",metaCount:1},{id:5,name:"Jaguar"}],g=[{id:1,name:"Aardvark"},{id:2,name:"Kangaroo",active:!0},{id:3,name:"Grey",level:1},{id:4,name:"Eastern",level:2},{id:5,name:"Macropus giganteus giganteus",title:"Macropus giganteus giganteus",level:3},{id:6,name:"Macropus giganteus tasmaniensis",title:"Macropus giganteus tasmaniensis",level:3},{id:7,name:"Western",level:2},{id:8,name:"Red",level:1},{id:9,name:"Jaguar"}],A={items:a},c={name:"Animals",actions:[{label:"More",subActions:[{label:"Item",icon:"up",onClick:()=>{}},{label:"Item",icon:"down",onClick:()=>{}}]},{label:"Add",primary:!0,icon:"add",onClick:()=>{}}],items:a},m={...c,items:p},C={...c,name:s.jsxs(o,{gap:"var(--padding-xs)",alignItems:"center",children:["Animals",s.jsx(n,{icon:i.STAR})]}),items:a.map(e=>({...e,name:s.jsxs(o,{gap:"var(--padding-xs)",alignItems:"center",children:[e.name,s.jsx(n,{icon:i.STAR})]})}))};a.map(e=>({...e,actions:[{childComponent:s.jsx(d,{menu:{trigger:r.COMPONENT,component:s.jsx(n,{icon:i.MENU}),placement:"bottom-end",sections:[{type:l.OPTION,label:"Item",onClick:()=>{}},{type:l.OPTION,label:"Item",onClick:()=>{}}]}})}]}));const h={items:a.map(e=>({...e,actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]}]}))},k={items:a.map((e,t)=>({...e,label:{value:String(t+1),color:"var(--color-text-info)"}}))},T={...m,items:m.items.map((e,t)=>({...e,label:{value:String(t+1),color:"var(--color-text-info)"}}))},j={items:a.map(e=>({...e,actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]}))},y={items:a.map((e,t)=>({...e,details:"Description goes here",metadata:"2019-05-03 09:03:51",testId:`story-list-item-${t}`}))},f={items:a.map(e=>({...e,content:s.jsx("div",{children:"Example content element (for show/hide)."})}))},S={items:g},N={items:[...a,{id:4,name:"Dodo",invalid:!0}]},E={items:a.map(e=>({...e,icon:{icon:"success",color:"var(--color-text-success)",tooltip:{text:s.jsx(s.Fragment,{children:"Tooltip goes here"})}}}))},O={items:a.map(e=>({...e,metaCount:3}))},D={name:"Animals",items:[...Array(50)].map((e,t)=>({id:t,name:`Aardvark #${t+1}`}))};export{j as a,h as b,y as c,f as d,c as e,k as f,S as g,N as h,C as i,E as j,O as k,A as l,D as m,T as n};
+import{j as s}from"./jsx-runtime-f961835c.js";import{I as i,T as r}from"./common-types-3a5f9d98.js";import{F as o}from"./flex-47732c42.js";import{M as d}from"./actions-adb8a67c.js";import{I as n}from"./icon-281c0950.js";import{M as l}from"./types-cc224262.js";const a=[{id:1,name:"Aardvark"},{id:2,name:"Kangaroo",active:!0},{id:3,name:"Jaguar",disabled:!0}],p=[{id:1,name:"Marsupials",type:"Heading",metaCount:1},{id:2,name:"Aardvark"},{id:3,name:"Kangaroo",active:!0},{id:4,name:"Mammals",type:"Heading",metaCount:1},{id:5,name:"Jaguar"}],g=[{id:1,name:"Aardvark"},{id:2,name:"Kangaroo",active:!0},{id:3,name:"Grey",level:1},{id:4,name:"Eastern",level:2},{id:5,name:"Macropus giganteus giganteus",title:"Macropus giganteus giganteus",level:3},{id:6,name:"Macropus giganteus tasmaniensis",title:"Macropus giganteus tasmaniensis",level:3},{id:7,name:"Western",level:2},{id:8,name:"Red",level:1},{id:9,name:"Jaguar"}],A={items:a},c={name:"Animals",actions:[{label:"More",subActions:[{label:"Item",icon:"up",onClick:()=>{}},{label:"Item",icon:"down",onClick:()=>{}}]},{label:"Add",primary:!0,icon:"add",onClick:()=>{}}],items:a},m={...c,items:p},C={...c,name:s.jsxs(o,{gap:"var(--padding-xs)",alignItems:"center",children:["Animals",s.jsx(n,{icon:i.STAR})]}),items:a.map(e=>({...e,name:s.jsxs(o,{gap:"var(--padding-xs)",alignItems:"center",children:[e.name,s.jsx(n,{icon:i.STAR})]})}))};a.map(e=>({...e,actions:[{childComponent:s.jsx(d,{menu:{trigger:r.COMPONENT,component:s.jsx(n,{icon:i.MENU}),placement:"bottom-end",sections:[{type:l.OPTION,label:"Item",onClick:()=>{}},{type:l.OPTION,label:"Item",onClick:()=>{}}]}})}]}));const h={items:a.map(e=>({...e,actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]}]}))},k={items:a.map((e,t)=>({...e,label:{value:String(t+1),color:"var(--color-text-info)"}}))},T={...m,items:m.items.map((e,t)=>({...e,label:{value:String(t+1),color:"var(--color-text-info)"}}))},j={items:a.map(e=>({...e,actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]}))},y={items:a.map((e,t)=>({...e,details:"Description goes here",metadata:"2019-05-03 09:03:51",testId:`story-list-item-${t}`}))},f={items:a.map(e=>({...e,content:s.jsx("div",{children:"Example content element (for show/hide)."})}))},S={items:g},N={items:[...a,{id:4,name:"Dodo",invalid:!0}]},E={items:a.map(e=>({...e,icon:{icon:"success",color:"var(--color-text-success)",tooltip:{text:s.jsx(s.Fragment,{children:"Tooltip goes here"})}}}))},O={items:a.map(e=>({...e,metaCount:3}))},D={name:"Animals",items:[...Array(50)].map((e,t)=>({id:t,name:`Aardvark #${t+1}`}))};export{j as a,h as b,y as c,f as d,c as e,k as f,S as g,N as h,C as i,E as j,O as k,A as l,D as m,T as n};

package/dist/storybook/assets/{loader.stories-770a461c.js → loader.stories-a05a2390.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{r as N}from"./index-f80c8c95.js";import{a as m}from"./common-types-3a5f9d98.js";import{L as g}from"./loader-1947f6cd.js";import{P as M}from"./progress-bar-40b8dbf0.js";import{S as x}from"./spinner-cb92a546.js";import{S as l}from"./spacer-54db0620.js";import{B as L}from"./button-9027cb35.js";import{C as q}from"./card-2de0de0b.js";import"./index-a80ed1cf.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./icon-6cfc6944.js";import"./inheritsLoose-d4851ab8.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";const le={title:"Progress/Loader",component:g,argTypes:{theme:{control:{type:"inline-radio"},options:["white","light","dark"]}},args:{theme:"white",text:"Loading...",width:"100%",height:"100%",fullViewPortSize:!1},decorators:[r=>e.jsx("div",{style:{height:"200px",position:"relative"},children:r()})],parameters:{docs:{source:{excludeDecorators:!0}}}},S=r=>{const{theme:t}=r;return e.jsx(g,{...r,children:e.jsx(x,{dark:t!=="dark"})})},h=r=>{const{theme:t}=r;return e.jsx(g,{...r,children:e.jsx(M,{width:"300px",inverted:t==="dark",percentage:40})})},a=S.bind({});a.args={testId:"story-default-spinner"};const u=h.bind({}),s=S.bind({});s.args={theme:m.LIGHT};const o=S.bind({});o.args={theme:m.DARK,fullViewPortSize:!0};const i=h.bind({});i.args={theme:m.DARK,fullViewPortSize:!0};const n=h.bind({});n.args={details:"Some extra info"};const d=h.bind({});d.args={text:"",details:e.jsxs(e.Fragment,{children:[e.jsx("div",{style:{opacity:.5},children:"Step 1: Lorem ipsum...DONE"}),e.jsx(l,{height:"var(--padding-xs)"}),e.jsx("div",{children:"Step 2: Dolor est"}),e.jsx(l,{height:"var(--padding-xs)"}),e.jsx("div",{style:{opacity:.5},children:"Step 3: Compendum"}),e.jsx(l,{height:"var(--padding-xs)"}),e.jsx(L,{label:"Cancel",onClick:()=>{}})]})};const c=()=>{const[r,t]=N.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(L,{label:"Toggle loading",onClick:()=>t(!r)}),e.jsx(l,{}),e.jsx(q,{children:e.jsxs("div",{style:{position:"relative"},children:[r&&e.jsx(g,{cover:!0,theme:m.WHITE,children:e.jsx(x,{dark:!0})}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit. ".repeat(20)]})})]})};c.parameters={docs:{story:{inline:!1,iframeHeight:400}}};const p=()=>{const[r,t]=N.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(L,{label:"Toggle loading",onClick:()=>t(!r)}),e.jsx(l,{}),e.jsx(q,{children:e.jsx("div",{style:{position:"relative"},children:r?e.jsx(g,{theme:m.WHITE,height:"200px",children:e.jsx(x,{dark:!0})}):e.jsx("div",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. ".repeat(20)})})})]})};p.parameters={docs:{story:{inline:!1,iframeHeight:400}}};var j,v,k;a.parameters={...a.parameters,docs:{...(j=a.parameters)==null?void 0:j.docs,source:{originalSource:`(args: ILoaderProps) => {
+import{j as e}from"./jsx-runtime-f961835c.js";import{r as N}from"./index-f80c8c95.js";import{a as l}from"./common-types-3a5f9d98.js";import{L as g}from"./loader-1947f6cd.js";import{P as M}from"./progress-bar-40b8dbf0.js";import{S as x}from"./spinner-cb92a546.js";import{S as m}from"./spacer-54db0620.js";import{B as L}from"./button-1a1d00ec.js";import{C as q}from"./card-2de0de0b.js";import"./index-a80ed1cf.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";const le={title:"Progress/Loader",component:g,argTypes:{theme:{control:{type:"inline-radio"},options:["white","light","dark"]}},args:{theme:"white",text:"Loading...",width:"100%",height:"100%",fullViewPortSize:!1},decorators:[r=>e.jsx("div",{style:{height:"200px",position:"relative"},children:r()})],parameters:{docs:{source:{excludeDecorators:!0}}}},S=r=>{const{theme:t}=r;return e.jsx(g,{...r,children:e.jsx(x,{dark:t!=="dark"})})},h=r=>{const{theme:t}=r;return e.jsx(g,{...r,children:e.jsx(M,{width:"300px",inverted:t==="dark",percentage:40})})},a=S.bind({});a.args={testId:"story-default-spinner"};const u=h.bind({}),s=S.bind({});s.args={theme:l.LIGHT};const o=S.bind({});o.args={theme:l.DARK,fullViewPortSize:!0};const i=h.bind({});i.args={theme:l.DARK,fullViewPortSize:!0};const n=h.bind({});n.args={details:"Some extra info"};const d=h.bind({});d.args={text:"",details:e.jsxs(e.Fragment,{children:[e.jsx("div",{style:{opacity:.5},children:"Step 1: Lorem ipsum...DONE"}),e.jsx(m,{height:"var(--padding-xs)"}),e.jsx("div",{children:"Step 2: Dolor est"}),e.jsx(m,{height:"var(--padding-xs)"}),e.jsx("div",{style:{opacity:.5},children:"Step 3: Compendum"}),e.jsx(m,{height:"var(--padding-xs)"}),e.jsx(L,{label:"Cancel",onClick:()=>{}})]})};const c=()=>{const[r,t]=N.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(L,{label:"Toggle loading",onClick:()=>t(!r)}),e.jsx(m,{}),e.jsx(q,{children:e.jsxs("div",{style:{position:"relative"},children:[r&&e.jsx(g,{cover:!0,theme:l.WHITE,children:e.jsx(x,{dark:!0})}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit. ".repeat(20)]})})]})};c.parameters={docs:{story:{inline:!1,iframeHeight:400}}};const p=()=>{const[r,t]=N.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(L,{label:"Toggle loading",onClick:()=>t(!r)}),e.jsx(m,{}),e.jsx(q,{children:e.jsx("div",{style:{position:"relative"},children:r?e.jsx(g,{theme:l.WHITE,height:"200px",children:e.jsx(x,{dark:!0})}):e.jsx("div",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. ".repeat(20)})})})]})};p.parameters={docs:{story:{inline:!1,iframeHeight:400}}};var j,v,k;a.parameters={...a.parameters,docs:{...(j=a.parameters)==null?void 0:j.docs,source:{originalSource:`(args: ILoaderProps) => {
   const {
     theme
   } = args;
@@ -80,4 +80,4 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{r as N}from"./index-f80c8c9
         </div>
       </Card>
     </>;
-}`,...(G=(X=p.parameters)==null?void 0:X.docs)==null?void 0:G.source}}};const me=["Default","WithProgressBar","TintedBackground","FullViewport","FullViewportWithProgressBar","WithExtraTextDetails","WithExtraJSXDetails","CoversCardContent","ReplacesCardContent"];export{c as CoversCardContent,a as Default,o as FullViewport,i as FullViewportWithProgressBar,p as ReplacesCardContent,s as TintedBackground,d as WithExtraJSXDetails,n as WithExtraTextDetails,u as WithProgressBar,me as __namedExportsOrder,le as default};
+}`,...(G=(X=p.parameters)==null?void 0:X.docs)==null?void 0:G.source}}};const ge=["Default","WithProgressBar","TintedBackground","FullViewport","FullViewportWithProgressBar","WithExtraTextDetails","WithExtraJSXDetails","CoversCardContent","ReplacesCardContent"];export{c as CoversCardContent,a as Default,o as FullViewport,i as FullViewportWithProgressBar,p as ReplacesCardContent,s as TintedBackground,d as WithExtraJSXDetails,n as WithExtraTextDetails,u as WithProgressBar,ge as __namedExportsOrder,le as default};

package/dist/storybook/assets/{menu.stories-75e3d93b.js → menu.stories-c8dbcdd2.js}

@@ -1,4 +1,4 @@
-import{j as s}from"./jsx-runtime-f961835c.js";import{r as cr}from"./index-f80c8c95.js";import{T as W,I as pr}from"./common-types-3a5f9d98.js";import{M as A}from"./actions-3e8ee8ec.js";import{B as R}from"./button-9027cb35.js";import{F as dr}from"./flex-47732c42.js";import{m as r,a as lr,b as mr,c as gr,d as ur,e as xr,f as br,g as Sr,h as jr,i as Mr}from"./menu.stories-data-e1dec633.js";import"./index-a80ed1cf.js";import"./lodash-75c70a11.js";import"./disabled-context-d654f6ff.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./icon-6cfc6944.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-1615fbe5.js";import"./spinner-cb92a546.js";const Pr={title:"Basic/Menu",component:A,args:{menu:r}},e=a=>s.jsx(A,{...a}),I=e.bind({}),n=e.bind({});n.args={menu:{...r,colored:!0}};const o=e.bind({});o.args={menu:{...r,label:"Delete",colored:"danger"}};const t=e.bind({});t.args={menu:{...r,trigger:W.TEXT}};const i=e.bind({});i.args={menu:{...r,trigger:W.COMPONENT,component:s.jsx(R,{small:!0,colored:!0,round:!0,icon:pr.SETTINGS})}};const c=e.bind({});c.args={menu:lr};const p=e.bind({});p.args={menu:mr};const d=e.bind({});d.args={menu:gr};const l=e.bind({});l.args={menu:ur};const m=e.bind({});m.args={disabled:!0};const g=e.bind({});g.args={tooltip:"Tooltip goes here"};const u=e.bind({});u.args={error:"Error goes here"};const x=e.bind({});x.args={warning:"Warning goes here"};const b=e.bind({});b.args={loading:!0,disabled:!0};const S=e.bind({});S.args={badgeTitle:"3"};const j=e.bind({});j.args={badgeDot:!0};const M=e.bind({});M.args={menu:xr};const T=e.bind({});T.args={menu:br};const C=e.bind({});C.args={closeOnOptionClick:!1};const O=e.bind({});O.args={contextMenu:!0,menu:{...r,trigger:W.TEXT,label:"Right-click me"}};const h=e.bind({});h.args={width:"100%"};const f=e.bind({});f.args={menu:{...r,small:!0}};const D=e.bind({});D.args={menu:Sr};const E=e.bind({});E.args={menu:{...r,sections:s.jsx("div",{children:"Testing"})}};const F=e.bind({});F.args={menu:jr};const k=e.bind({});k.args={menu:Mr};const y=()=>{const[a,B]=cr.useState(!1);return s.jsxs(dr,{gap:!0,children:[s.jsx(A,{menu:r,open:a,setOpen:B}),s.jsx(R,{label:"Open",onClick:()=>B(!0),disabled:a}),s.jsx(R,{label:"Close",onClick:()=>B(!1),disabled:!a})]})};var X,w,J;I.parameters={...I.parameters,docs:{...(X=I.parameters)==null?void 0:X.docs,source:{originalSource:`args => <Menu
+import{j as s}from"./jsx-runtime-f961835c.js";import{r as cr}from"./index-f80c8c95.js";import{T as W,I as pr}from"./common-types-3a5f9d98.js";import{M as A}from"./actions-adb8a67c.js";import{B as R}from"./button-1a1d00ec.js";import{F as dr}from"./flex-47732c42.js";import{m as r,a as mr,b as lr,c as gr,d as ur,e as xr,f as br,g as Sr,h as jr,i as Mr}from"./menu.stories-data-cad23633.js";import"./index-a80ed1cf.js";import"./lodash-75c70a11.js";import"./disabled-context-d654f6ff.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-a96e6194.js";import"./spinner-cb92a546.js";const vr={title:"Basic/Menu",component:A,args:{menu:r}},e=a=>s.jsx(A,{...a}),I=e.bind({}),n=e.bind({});n.args={menu:{...r,colored:!0}};const o=e.bind({});o.args={menu:{...r,label:"Delete",colored:"danger"}};const t=e.bind({});t.args={menu:{...r,trigger:W.TEXT}};const i=e.bind({});i.args={menu:{...r,trigger:W.COMPONENT,component:s.jsx(R,{small:!0,colored:!0,round:!0,icon:pr.SETTINGS})}};const c=e.bind({});c.args={menu:mr};const p=e.bind({});p.args={menu:lr};const d=e.bind({});d.args={menu:gr};const m=e.bind({});m.args={menu:ur};const l=e.bind({});l.args={disabled:!0};const g=e.bind({});g.args={tooltip:"Tooltip goes here"};const u=e.bind({});u.args={error:"Error goes here"};const x=e.bind({});x.args={warning:"Warning goes here"};const b=e.bind({});b.args={loading:!0,disabled:!0};const S=e.bind({});S.args={badgeTitle:"3"};const j=e.bind({});j.args={badgeDot:!0};const M=e.bind({});M.args={menu:xr};const T=e.bind({});T.args={menu:br};const C=e.bind({});C.args={closeOnOptionClick:!1};const O=e.bind({});O.args={contextMenu:!0,menu:{...r,trigger:W.TEXT,label:"Right-click me"}};const h=e.bind({});h.args={width:"100%"};const f=e.bind({});f.args={menu:{...r,small:!0}};const D=e.bind({});D.args={menu:Sr};const E=e.bind({});E.args={menu:{...r,sections:s.jsx("div",{children:"Testing"})}};const F=e.bind({});F.args={menu:jr};const k=e.bind({});k.args={menu:Mr};const y=()=>{const[a,B]=cr.useState(!1);return s.jsxs(dr,{gap:!0,children:[s.jsx(A,{menu:r,open:a,setOpen:B}),s.jsx(R,{label:"Open",onClick:()=>B(!0),disabled:a}),s.jsx(R,{label:"Close",onClick:()=>B(!1),disabled:!a})]})};var X,w,J;I.parameters={...I.parameters,docs:{...(X=I.parameters)==null?void 0:X.docs,source:{originalSource:`args => <Menu
 // eslint-disable-next-line react/jsx-props-no-spreading
 {...args} />`,...(J=(w=I.parameters)==null?void 0:w.docs)==null?void 0:J.source}}};var L,P,v;n.parameters={...n.parameters,docs:{...(L=n.parameters)==null?void 0:L.docs,source:{originalSource:`args => <Menu
 // eslint-disable-next-line react/jsx-props-no-spreading
@@ -14,13 +14,13 @@ import{j as s}from"./jsx-runtime-f961835c.js";import{r as cr}from"./index-f80c8c
 // eslint-disable-next-line react/jsx-props-no-spreading
 {...args} />`,...(re=(ee=p.parameters)==null?void 0:ee.docs)==null?void 0:re.source}}};var se,ae,ne;d.parameters={...d.parameters,docs:{...(se=d.parameters)==null?void 0:se.docs,source:{originalSource:`args => <Menu
 // eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(ne=(ae=d.parameters)==null?void 0:ae.docs)==null?void 0:ne.source}}};var oe,te,ie;l.parameters={...l.parameters,docs:{...(oe=l.parameters)==null?void 0:oe.docs,source:{originalSource:`args => <Menu
+{...args} />`,...(ne=(ae=d.parameters)==null?void 0:ae.docs)==null?void 0:ne.source}}};var oe,te,ie;m.parameters={...m.parameters,docs:{...(oe=m.parameters)==null?void 0:oe.docs,source:{originalSource:`args => <Menu
 // eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(ie=(te=l.parameters)==null?void 0:te.docs)==null?void 0:ie.source}}};var ce,pe,de;m.parameters={...m.parameters,docs:{...(ce=m.parameters)==null?void 0:ce.docs,source:{originalSource:`args => <Menu
+{...args} />`,...(ie=(te=m.parameters)==null?void 0:te.docs)==null?void 0:ie.source}}};var ce,pe,de;l.parameters={...l.parameters,docs:{...(ce=l.parameters)==null?void 0:ce.docs,source:{originalSource:`args => <Menu
 // eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(de=(pe=m.parameters)==null?void 0:pe.docs)==null?void 0:de.source}}};var le,me,ge;g.parameters={...g.parameters,docs:{...(le=g.parameters)==null?void 0:le.docs,source:{originalSource:`args => <Menu
+{...args} />`,...(de=(pe=l.parameters)==null?void 0:pe.docs)==null?void 0:de.source}}};var me,le,ge;g.parameters={...g.parameters,docs:{...(me=g.parameters)==null?void 0:me.docs,source:{originalSource:`args => <Menu
 // eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(ge=(me=g.parameters)==null?void 0:me.docs)==null?void 0:ge.source}}};var ue,xe,be;u.parameters={...u.parameters,docs:{...(ue=u.parameters)==null?void 0:ue.docs,source:{originalSource:`args => <Menu
+{...args} />`,...(ge=(le=g.parameters)==null?void 0:le.docs)==null?void 0:ge.source}}};var ue,xe,be;u.parameters={...u.parameters,docs:{...(ue=u.parameters)==null?void 0:ue.docs,source:{originalSource:`args => <Menu
 // eslint-disable-next-line react/jsx-props-no-spreading
 {...args} />`,...(be=(xe=u.parameters)==null?void 0:xe.docs)==null?void 0:be.source}}};var Se,je,Me;x.parameters={...x.parameters,docs:{...(Se=x.parameters)==null?void 0:Se.docs,source:{originalSource:`args => <Menu
 // eslint-disable-next-line react/jsx-props-no-spreading
@@ -57,4 +57,4 @@ import{j as s}from"./jsx-runtime-f961835c.js";import{r as cr}from"./index-f80c8c
       <Button label="Open" onClick={() => setOpen(true)} disabled={open} />
       <Button label="Close" onClick={() => setOpen(false)} disabled={!open} />
     </Flex>;
-}`,...(ir=(tr=y.parameters)==null?void 0:tr.docs)==null?void 0:ir.source}}};const vr=["Default","PrimaryTrigger","DestructiveTrigger","TextTrigger","CustomTrigger","FileUpload","DescriptionOnRight","Actions","Icons","Disabled","Tooltip","Error","Warning","Loading","Badge","Dot","Empty","Submenus","WithoutCloseOnOptionClick","RightClickContextMenu","FullWidth","Small","JSXItems","JSXContent","ShowAll","Long","ControlOpenStateFromParent"];export{d as Actions,S as Badge,y as ControlOpenStateFromParent,i as CustomTrigger,I as Default,p as DescriptionOnRight,o as DestructiveTrigger,m as Disabled,j as Dot,M as Empty,u as Error,c as FileUpload,h as FullWidth,l as Icons,E as JSXContent,D as JSXItems,b as Loading,k as Long,n as PrimaryTrigger,O as RightClickContextMenu,F as ShowAll,f as Small,T as Submenus,t as TextTrigger,g as Tooltip,x as Warning,C as WithoutCloseOnOptionClick,vr as __namedExportsOrder,Pr as default};
+}`,...(ir=(tr=y.parameters)==null?void 0:tr.docs)==null?void 0:ir.source}}};const Nr=["Default","PrimaryTrigger","DestructiveTrigger","TextTrigger","CustomTrigger","FileUpload","DescriptionOnRight","Actions","Icons","Disabled","Tooltip","Error","Warning","Loading","Badge","Dot","Empty","Submenus","WithoutCloseOnOptionClick","RightClickContextMenu","FullWidth","Small","JSXItems","JSXContent","ShowAll","Long","ControlOpenStateFromParent"];export{d as Actions,S as Badge,y as ControlOpenStateFromParent,i as CustomTrigger,I as Default,p as DescriptionOnRight,o as DestructiveTrigger,l as Disabled,j as Dot,M as Empty,u as Error,c as FileUpload,h as FullWidth,m as Icons,E as JSXContent,D as JSXItems,b as Loading,k as Long,n as PrimaryTrigger,O as RightClickContextMenu,F as ShowAll,f as Small,T as Submenus,t as TextTrigger,g as Tooltip,x as Warning,C as WithoutCloseOnOptionClick,Nr as __namedExportsOrder,vr as default};

package/dist/storybook/assets/{menu.stories-data-e1dec633.js → menu.stories-data-cad23633.js}

@@ -1 +1 @@
-import{j as n}from"./jsx-runtime-f961835c.js";import{T as o}from"./common-types-3a5f9d98.js";import{F as i}from"./flex-47732c42.js";import{B as s}from"./badge-1615fbe5.js";import{M as l}from"./types-cc224262.js";const a=async e=>{await console.log("onFileChange",e)},t={label:"Select",trigger:o.DROP_DOWN_BUTTON,sections:[{type:l.HEADING,label:"Heading"},{type:l.OPTION,label:"King",onClick:()=>{}},{type:l.OPTION,label:"Queen",selected:!0,onClick:()=>{}},{type:l.DIVIDER},{type:l.OPTION,label:"Knight",disabled:!0,onClick:()=>{}},{type:l.OPTION,label:"Bishop",onClick:()=>{}}]},y={...t,sections:t.sections.map(e=>e.type===l.OPTION?{...e,onClick:void 0,onChange:a,upload:!0}:e)},b={...t,label:n.jsxs(i,{alignItems:"center",gap:"4px",children:["Select",n.jsx(s,{small:!0,title:"BETA"})]}),sections:Array(3).fill({type:"Menu",trigger:"Text",menu:{trigger:"Text",placement:"right-start",label:n.jsxs(i,{alignItems:"center",gap:"4px",children:["Parent",n.jsx(s,{small:!0,title:"BETA"})]}),title:"Parent",sections:Array(3).fill({type:"Option",label:n.jsxs(i,{alignItems:"center",gap:"4px",children:["Child",n.jsx(s,{small:!0,title:"BETA"})]}),title:"Child"})}})},d={label:"123 m",trigger:"DropDownButton",sections:[{type:"Option",label:"403.5433",description:"ft",inline:!0,onClick:()=>{}},{type:"Option",label:"123",description:"m",inline:!0,onClick:()=>{},selected:!0},{type:"Option",label:"0.123",description:"km",inline:!0,onClick:()=>{}}]},r=[{label:"Delete",icon:"delete",onClick:()=>{}},{label:"Rename",icon:"rename",onClick:()=>{}}],O={...t,sections:t.sections.map(e=>e.type==="Option"?{...e,inline:!0,actions:r}:e)},h={...t,sections:t.sections.map(e=>e.type==="Option"||e.type==="Heading"?{...e,icon:"star",onClick:()=>{}}:e)},C={...t,sections:Array(3).fill({type:"Menu",trigger:"Text",menu:{trigger:"Text",placement:"right-start",label:"Parent",sections:Array(3).fill({type:"Option",label:"Child",onClick:()=>{}})}})},T={...t,sections:Array(100).fill({type:"Option",label:"Item",onClick:()=>{}})},x={label:"No sections",trigger:"DropDownButton",sections:[]},k={label:"Select",trigger:"DropDownButton",showAllButton:{visible:!0,showAllTitle:"Show all...",showLessTitle:"Show less...",additionalSections:[{type:"Divider"},{type:"Option",label:"This item is always shown",onClick:()=>{}}]},sections:Array(8).fill({type:"Option",label:"Item",onClick:()=>{}})};export{y as a,d as b,O as c,h as d,x as e,C as f,b as g,k as h,T as i,t as m};
+import{j as n}from"./jsx-runtime-f961835c.js";import{T as o}from"./common-types-3a5f9d98.js";import{F as i}from"./flex-47732c42.js";import{B as s}from"./badge-a96e6194.js";import{M as l}from"./types-cc224262.js";const a=async e=>{await console.log("onFileChange",e)},t={label:"Select",trigger:o.DROP_DOWN_BUTTON,sections:[{type:l.HEADING,label:"Heading"},{type:l.OPTION,label:"King",onClick:()=>{}},{type:l.OPTION,label:"Queen",selected:!0,onClick:()=>{}},{type:l.DIVIDER},{type:l.OPTION,label:"Knight",disabled:!0,onClick:()=>{}},{type:l.OPTION,label:"Bishop",onClick:()=>{}}]},y={...t,sections:t.sections.map(e=>e.type===l.OPTION?{...e,onClick:void 0,onChange:a,upload:!0}:e)},b={...t,label:n.jsxs(i,{alignItems:"center",gap:"4px",children:["Select",n.jsx(s,{small:!0,title:"BETA"})]}),sections:Array(3).fill({type:"Menu",trigger:"Text",menu:{trigger:"Text",placement:"right-start",label:n.jsxs(i,{alignItems:"center",gap:"4px",children:["Parent",n.jsx(s,{small:!0,title:"BETA"})]}),title:"Parent",sections:Array(3).fill({type:"Option",label:n.jsxs(i,{alignItems:"center",gap:"4px",children:["Child",n.jsx(s,{small:!0,title:"BETA"})]}),title:"Child"})}})},d={label:"123 m",trigger:"DropDownButton",sections:[{type:"Option",label:"403.5433",description:"ft",inline:!0,onClick:()=>{}},{type:"Option",label:"123",description:"m",inline:!0,onClick:()=>{},selected:!0},{type:"Option",label:"0.123",description:"km",inline:!0,onClick:()=>{}}]},r=[{label:"Delete",icon:"delete",onClick:()=>{}},{label:"Rename",icon:"rename",onClick:()=>{}}],O={...t,sections:t.sections.map(e=>e.type==="Option"?{...e,inline:!0,actions:r}:e)},h={...t,sections:t.sections.map(e=>e.type==="Option"||e.type==="Heading"?{...e,icon:"star",onClick:()=>{}}:e)},C={...t,sections:Array(3).fill({type:"Menu",trigger:"Text",menu:{trigger:"Text",placement:"right-start",label:"Parent",sections:Array(3).fill({type:"Option",label:"Child",onClick:()=>{}})}})},T={...t,sections:Array(100).fill({type:"Option",label:"Item",onClick:()=>{}})},x={label:"No sections",trigger:"DropDownButton",sections:[]},k={label:"Select",trigger:"DropDownButton",showAllButton:{visible:!0,showAllTitle:"Show all...",showLessTitle:"Show less...",additionalSections:[{type:"Divider"},{type:"Option",label:"This item is always shown",onClick:()=>{}}]},sections:Array(8).fill({type:"Option",label:"Item",onClick:()=>{}})};export{y as a,d as b,O as c,h as d,x as e,C as f,b as g,k as h,T as i,t as m};

package/dist/storybook/assets/{message.stories-bd3f7d97.js → message.stories-78cd112a.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{a,M as n}from"./types-a6c4038c.js";import{B as y}from"./button-9027cb35.js";import{G as P}from"./grid-355afb53.js";import"./index-f80c8c95.js";import"./index-c89a1915.js";import"./index-a80ed1cf.js";import"./icon-6cfc6944.js";import"./inheritsLoose-d4851ab8.js";import"./disabled-context-d654f6ff.js";import"./common-types-3a5f9d98.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./styled-components.browser.esm-a7da2f18.js";import"./hoist-non-react-statics.cjs-cd4c875b.js";const{useArgs:Y}=__STORYBOOK_MODULE_ADDONS__,k={visible:!0,heading:void 0,content:"Here is some info",withDismiss:!1,icon:!1,details:void 0,maxHeight:void 0,type:n.INFO},pe={title:"Basic/Message",component:a,args:{...k},argTypes:{heading:{control:{type:"text"}},details:{control:{type:"text"}}}},s=m=>{const[z,C]=Y(),c=()=>{C({visible:!1}),setTimeout(()=>{C({visible:!0})},1e3)};return e.jsxs(P,{gap:!0,children:[e.jsx(a,{message:{...m,onClose:c,type:n.INFO}}),e.jsx(a,{message:{...m,onClose:c,type:n.ERROR}}),e.jsx(a,{message:{...m,onClose:c,type:n.WARNING}}),e.jsx(a,{message:{...m,onClose:c,type:n.SUCCESS}})]})},u=s.bind({}),o=s.bind({});o.args={heading:"Message Heading"};const r=s.bind({});r.args={icon:!0};const t=s.bind({});t.args={details:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at mi ac quam condimentum blandit at sit amet lectus. Nullam volutpat erat maximus, venenatis nisl sed, aliquam libero."};const g=s.bind({});g.args={type:n.ERROR,icon:!0,content:"Unable to sync because connection settings are not set.",footer:e.jsxs(e.Fragment,{children:[e.jsx(y,{small:!0,label:"Edit connection settings",colored:"primary"},"edit-settings"),e.jsx(y,{small:!0,label:"Cancel sync"},"cancel-sync"),","]})};const l=s.bind({});l.args={width:"100%"};const i=s.bind({});i.args={width:"300px"};const p=s.bind({});p.args={maxHeight:"100px",content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. ".repeat(20)};const d=s.bind({});d.args={withDismiss:!0,onClose:()=>{}};var M,h,T;u.parameters={...u.parameters,docs:{...(M=u.parameters)==null?void 0:M.docs,source:{originalSource:`args => {
+import{j as e}from"./jsx-runtime-f961835c.js";import{a,M as n}from"./types-b4f47076.js";import{B as y}from"./button-1a1d00ec.js";import{G as P}from"./grid-78d1b29a.js";import"./index-f80c8c95.js";import"./index-c89a1915.js";import"./index-a80ed1cf.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./disabled-context-d654f6ff.js";import"./common-types-3a5f9d98.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./styled-components.browser.esm-416d73e5.js";const{useArgs:Y}=__STORYBOOK_MODULE_ADDONS__,k={visible:!0,heading:void 0,content:"Here is some info",withDismiss:!1,icon:!1,details:void 0,maxHeight:void 0,type:n.INFO},pe={title:"Basic/Message",component:a,args:{...k},argTypes:{heading:{control:{type:"text"}},details:{control:{type:"text"}}}},s=m=>{const[z,C]=Y(),c=()=>{C({visible:!1}),setTimeout(()=>{C({visible:!0})},1e3)};return e.jsxs(P,{gap:!0,children:[e.jsx(a,{message:{...m,onClose:c,type:n.INFO}}),e.jsx(a,{message:{...m,onClose:c,type:n.ERROR}}),e.jsx(a,{message:{...m,onClose:c,type:n.WARNING}}),e.jsx(a,{message:{...m,onClose:c,type:n.SUCCESS}})]})},u=s.bind({}),o=s.bind({});o.args={heading:"Message Heading"};const r=s.bind({});r.args={icon:!0};const t=s.bind({});t.args={details:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at mi ac quam condimentum blandit at sit amet lectus. Nullam volutpat erat maximus, venenatis nisl sed, aliquam libero."};const g=s.bind({});g.args={type:n.ERROR,icon:!0,content:"Unable to sync because connection settings are not set.",footer:e.jsxs(e.Fragment,{children:[e.jsx(y,{small:!0,label:"Edit connection settings",colored:"primary"},"edit-settings"),e.jsx(y,{small:!0,label:"Cancel sync"},"cancel-sync"),","]})};const l=s.bind({});l.args={width:"100%"};const i=s.bind({});i.args={width:"300px"};const p=s.bind({});p.args={maxHeight:"100px",content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. ".repeat(20)};const d=s.bind({});d.args={withDismiss:!0,onClose:()=>{}};var M,h,T;u.parameters={...u.parameters,docs:{...(M=u.parameters)==null?void 0:M.docs,source:{originalSource:`args => {
   const [_, updateArgs] = useArgs();
   const handleClose = () => {
     updateArgs({

package/dist/storybook/assets/{modal.stories-5de5b5eb.js → modal.stories-fa96e59d.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{T as W}from"./common-types-3a5f9d98.js";import{M as E,D as R}from"./dialog-c478135c.js";import{B as n}from"./button-9027cb35.js";import{P as H}from"./popover-64e44a17.js";import{I as K}from"./input-8db939f4.js";import{I as U}from"./input-group-9ddeb24a.js";import{F as p}from"./field-69d1c5f6.js";import{M as G}from"./actions-3e8ee8ec.js";import{S as V}from"./select-b35e468b.js";import{S as Y}from"./spacer-54db0620.js";import{T as q}from"./tooltip-23e84186.js";import{M as m}from"./types-cc224262.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./portal-03fe4689.js";import"./index-3d476d02.js";import"./lodash-75c70a11.js";import"./heading-5eb5ea78.js";import"./help-icon-6216ea0b.js";import"./icon-6cfc6944.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./types-332ceaf3.js";import"./label-92aaba2c.js";import"./badge-1615fbe5.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";const{useArgs:z}=__STORYBOOK_MODULE_ADDONS__,Se={title:"Modals/Modal",component:E,args:{visible:!0,centered:!0,width:"300px",heading:"Are you sure?",content:e.jsx(e.Fragment,{children:"This will complete the transaction"}),footer:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Okay",colored:!0,onClick:()=>{}}),e.jsx(n,{label:"Cancel",onClick:()=>{}})]}),onClose:()=>{}},parameters:{docs:{story:{inline:!1,iframeHeight:400}}}},o=()=>{const[{visible:c,centered:I,...w},L]=z(),g=()=>{L({visible:!c})};return e.jsxs(e.Fragment,{children:[e.jsx(E,{visible:c,centered:I,children:e.jsx(R,{dialog:{...w,onClose:g}})}),e.jsx(n,{label:"Open Modal",onClick:g})]})},d=o.bind({}),r=o.bind({});r.args={centered:!0};const a=o.bind({});a.args={content:["This is a","new line!"]};const l=o.bind({});l.args={scroll:!0,content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const s=o.bind({});s.args={width:"100%",content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const t=o.bind({});t.args={contentPadding:0};const i=o.bind({});i.args={content:e.jsxs(e.Fragment,{children:[e.jsx(q,{text:"Tooltip text",children:"Hover for tooltip"}),e.jsx(Y,{}),e.jsx(p,{label:"Custom Select",helpText:"Select an animal",children:e.jsx(V,{name:"example",options:["Aardvarks","Kangaroos","Monkeys","Possums","Gorilla","Puma","Patagonian Mara","Tarsier","Koala","Panda","Red Panda","Impala","Tiger","Crocodile","Bat"],onChange:()=>{},value:"Monkeys",error:"Bad value"})}),e.jsx(p,{label:"Nested Menu",children:e.jsx(G,{maxHeight:"240px",menu:{label:"Menu",trigger:W.DROP_DOWN_BUTTON,sections:[{type:m.MENU,menu:{trigger:"Text",label:"Children",sections:[...Array(100).keys()].map(()=>({type:"Option",label:Math.random().toString(36).substring(7),onClick:()=>{}}))}},...[...Array(100).keys()].map(()=>({type:m.OPTION,label:Math.random().toString(36).substring(7),onClick:()=>{}}))]}})}),e.jsx(H,{content:e.jsxs(U,{small:!0,children:[e.jsx(K,{value:"Value",width:"150px",error:"Bad value"}),e.jsx(n,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(n,{label:"Cancel",onClick:()=>{}})]}),children:e.jsx(n,{colored:!0,label:"Toggle me",onClick:()=>{}})})]})};var u,b,M;d.parameters={...d.parameters,docs:{...(u=d.parameters)==null?void 0:u.docs,source:{originalSource:`() => {
+import{j as e}from"./jsx-runtime-f961835c.js";import{T as W}from"./common-types-3a5f9d98.js";import{M as E,D as R}from"./dialog-98261434.js";import{B as n}from"./button-1a1d00ec.js";import{P as H}from"./popover-ee6860bd.js";import{I as K}from"./input-8db939f4.js";import{I as U}from"./input-group-9ddeb24a.js";import{F as p}from"./field-8f023b56.js";import{M as G}from"./actions-adb8a67c.js";import{S as V}from"./select-ef19f734.js";import{S as Y}from"./spacer-54db0620.js";import{T as q}from"./tooltip-23e84186.js";import{M as m}from"./types-cc224262.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./portal-03fe4689.js";import"./index-3d476d02.js";import"./lodash-75c70a11.js";import"./heading-2919c91b.js";import"./help-icon-ca6c6ab6.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./types-332ceaf3.js";import"./label-17fa7b23.js";import"./badge-a96e6194.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";const{useArgs:z}=__STORYBOOK_MODULE_ADDONS__,Te={title:"Modals/Modal",component:E,args:{visible:!0,centered:!0,width:"300px",heading:"Are you sure?",content:e.jsx(e.Fragment,{children:"This will complete the transaction"}),footer:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Okay",colored:!0,onClick:()=>{}}),e.jsx(n,{label:"Cancel",onClick:()=>{}})]}),onClose:()=>{}},parameters:{docs:{story:{inline:!1,iframeHeight:400}}}},o=()=>{const[{visible:c,centered:I,...w},L]=z(),g=()=>{L({visible:!c})};return e.jsxs(e.Fragment,{children:[e.jsx(E,{visible:c,centered:I,children:e.jsx(R,{dialog:{...w,onClose:g}})}),e.jsx(n,{label:"Open Modal",onClick:g})]})},d=o.bind({}),r=o.bind({});r.args={centered:!0};const a=o.bind({});a.args={content:["This is a","new line!"]};const l=o.bind({});l.args={scroll:!0,content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const s=o.bind({});s.args={width:"100%",content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const t=o.bind({});t.args={contentPadding:0};const i=o.bind({});i.args={content:e.jsxs(e.Fragment,{children:[e.jsx(q,{text:"Tooltip text",children:"Hover for tooltip"}),e.jsx(Y,{}),e.jsx(p,{label:"Custom Select",helpText:"Select an animal",children:e.jsx(V,{name:"example",options:["Aardvarks","Kangaroos","Monkeys","Possums","Gorilla","Puma","Patagonian Mara","Tarsier","Koala","Panda","Red Panda","Impala","Tiger","Crocodile","Bat"],onChange:()=>{},value:"Monkeys",error:"Bad value"})}),e.jsx(p,{label:"Nested Menu",children:e.jsx(G,{maxHeight:"240px",menu:{label:"Menu",trigger:W.DROP_DOWN_BUTTON,sections:[{type:m.MENU,menu:{trigger:"Text",label:"Children",sections:[...Array(100).keys()].map(()=>({type:"Option",label:Math.random().toString(36).substring(7),onClick:()=>{}}))}},...[...Array(100).keys()].map(()=>({type:m.OPTION,label:Math.random().toString(36).substring(7),onClick:()=>{}}))]}})}),e.jsx(H,{content:e.jsxs(U,{small:!0,children:[e.jsx(K,{value:"Value",width:"150px",error:"Bad value"}),e.jsx(n,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(n,{label:"Cancel",onClick:()=>{}})]}),children:e.jsx(n,{colored:!0,label:"Toggle me",onClick:()=>{}})})]})};var u,b,M;d.parameters={...d.parameters,docs:{...(u=d.parameters)==null?void 0:u.docs,source:{originalSource:`() => {
   const [{
     visible,
     centered,
@@ -138,4 +138,4 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{T as W}from"./common-types-
       </Modal>
       <Button label="Open Modal" onClick={toggleModal} />
     </>;
-}`,...(N=(F=i.parameters)==null?void 0:F.docs)==null?void 0:N.source}}};const Te=["Default","Centered","LineBreak","Scroll","FullWidth","NoContentPadding","WithPopoverLayers"];export{r as Centered,d as Default,s as FullWidth,a as LineBreak,t as NoContentPadding,l as Scroll,i as WithPopoverLayers,Te as __namedExportsOrder,Se as default};
+}`,...(N=(F=i.parameters)==null?void 0:F.docs)==null?void 0:N.source}}};const ye=["Default","Centered","LineBreak","Scroll","FullWidth","NoContentPadding","WithPopoverLayers"];export{r as Centered,d as Default,s as FullWidth,a as LineBreak,t as NoContentPadding,l as Scroll,i as WithPopoverLayers,ye as __namedExportsOrder,Te as default};

package/dist/storybook/assets/{number-input.stories-52849ddb.js → number-input.stories-354ddc4f.js}

@@ -1,4 +1,4 @@
-import{j as r}from"./jsx-runtime-f961835c.js";import{N as c}from"./number-input-11543c86.js";import{I as J}from"./input-group-9ddeb24a.js";import{I as P}from"./input-group-addon-63147930.js";import{S as Q}from"./select-b35e468b.js";import"./index-f80c8c95.js";import"./index-54f0d271.js";import"./input-8db939f4.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./common-types-3a5f9d98.js";import"./index-c89a1915.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-3e8ee8ec.js";import"./button-9027cb35.js";import"./spinner-cb92a546.js";import"./icon-6cfc6944.js";import"./badge-1615fbe5.js";import"./select.input-88b6ebab.js";const{useArgs:V}=__STORYBOOK_MODULE_ADDONS__,Te={title:"Forms/NumberInput",component:c,parameters:{canvas:{page:null}},args:{label:"Label"}},e=Y=>{const[X,k]=V(),q=z=>{k({value:z.target.value})};return r.jsx(c,{onChange:q,value:123,...Y})},l=e.bind({}),a=e.bind({});a.args={small:!0};const n=e.bind({});n.args={width:"150px"};const t=e.bind({});t.args={left:!0};const s=e.bind({});s.args={disabled:!0};const u=e.bind({});u.args={allowEmpty:!0,value:""};const o=e.bind({});o.args={warning:"This input number is almost 100!",value:"99"};const p=e.bind({});p.args={error:"This is a error message"};const g=e.bind({});g.args={value:"123test"};const m=()=>r.jsxs(J,{small:!0,children:[r.jsx(c,{value:123}),r.jsx(P,{children:"to"}),r.jsx(c,{value:123}),r.jsx(Q,{options:[{value:"units",label:"units"}],width:"auto",value:"units"})]});var d,i,v;l.parameters={...l.parameters,docs:{...(d=l.parameters)==null?void 0:d.docs,source:{originalSource:`args => {
+import{j as r}from"./jsx-runtime-f961835c.js";import{N as c}from"./number-input-11543c86.js";import{I as J}from"./input-group-9ddeb24a.js";import{I as P}from"./input-group-addon-63147930.js";import{S as Q}from"./select-ef19f734.js";import"./index-f80c8c95.js";import"./index-54f0d271.js";import"./input-8db939f4.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./common-types-3a5f9d98.js";import"./index-c89a1915.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-adb8a67c.js";import"./button-1a1d00ec.js";import"./spinner-cb92a546.js";import"./icon-281c0950.js";import"./tslib.es6-dfef685f.js";import"./badge-a96e6194.js";import"./select.input-88b6ebab.js";const{useArgs:V}=__STORYBOOK_MODULE_ADDONS__,Le={title:"Forms/NumberInput",component:c,parameters:{canvas:{page:null}},args:{label:"Label"}},e=Y=>{const[X,k]=V(),q=z=>{k({value:z.target.value})};return r.jsx(c,{onChange:q,value:123,...Y})},l=e.bind({}),a=e.bind({});a.args={small:!0};const n=e.bind({});n.args={width:"150px"};const t=e.bind({});t.args={left:!0};const s=e.bind({});s.args={disabled:!0};const u=e.bind({});u.args={allowEmpty:!0,value:""};const o=e.bind({});o.args={warning:"This input number is almost 100!",value:"99"};const p=e.bind({});p.args={error:"This is a error message"};const g=e.bind({});g.args={value:"123test"};const m=()=>r.jsxs(J,{small:!0,children:[r.jsx(c,{value:123}),r.jsx(P,{children:"to"}),r.jsx(c,{value:123}),r.jsx(Q,{options:[{value:"units",label:"units"}],width:"auto",value:"units"})]});var d,i,v;l.parameters={...l.parameters,docs:{...(d=l.parameters)==null?void 0:d.docs,source:{originalSource:`args => {
   const [_, updateArgs] = useArgs();
   const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
     updateArgs({
@@ -78,4 +78,4 @@ import{j as r}from"./jsx-runtime-f961835c.js";import{N as c}from"./number-input-
     value: 'units',
     label: 'units'
   }]} width="auto" value="units" />
-  </InputGroup>`,...(U=(K=m.parameters)==null?void 0:K.docs)==null?void 0:U.source}}};const Le=["Default","Small","Width","Left","Disabled","AllowEmpty","Warning","Error","BadInput","TestInputGroup"];export{u as AllowEmpty,g as BadInput,l as Default,s as Disabled,p as Error,t as Left,a as Small,m as TestInputGroup,o as Warning,n as Width,Le as __namedExportsOrder,Te as default};
+  </InputGroup>`,...(U=(K=m.parameters)==null?void 0:K.docs)==null?void 0:U.source}}};const fe=["Default","Small","Width","Left","Disabled","AllowEmpty","Warning","Error","BadInput","TestInputGroup"];export{u as AllowEmpty,g as BadInput,l as Default,s as Disabled,p as Error,t as Left,a as Small,m as TestInputGroup,o as Warning,n as Width,fe as __namedExportsOrder,Le as default};

package/dist/storybook/assets/option-dropdown.stories-220ed20f.js

@@ -0,0 +1,21 @@
+import{j as n}from"./jsx-runtime-f961835c.js";import{T as I}from"./common-types-3a5f9d98.js";import{M as N}from"./actions-adb8a67c.js";import{c as A}from"./index-a80ed1cf.js";import{C as E}from"./check-box-283097fe.js";import{D as f}from"./divider-ad08aee5.js";import"./index-f80c8c95.js";import"./lodash-75c70a11.js";import"./disabled-context-d654f6ff.js";import"./button-1a1d00ec.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-a96e6194.js";import"./help-icon-ca6c6ab6.js";import"./text-ad1f5f1d.js";const V="_menu_1rz4x_1",T="_header_1rz4x_11",q="_item_1rz4x_27",w="_heading_1rz4x_32",u={menu:V,header:T,item:q,heading:w},g=({option:e,onChange:t})=>{const{key:o,label:i,selected:a}=e;return n.jsx("div",{className:u.item,children:n.jsx(E,{label:i,noMargin:!0,checked:a,onChange:t})},o)};try{g.displayName="Option",g.__docgenInfo={description:"",displayName:"Option",props:{option:{defaultValue:null,description:"",name:"option",required:!0,type:{name:"{ key?: string | undefined; label?: string | null | undefined; selected?: boolean | undefined; }"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement>) => void"}}}}}catch{}const _=({label:e})=>n.jsx("div",{className:u.heading,children:e});try{_.displayName="Heading",_.__docgenInfo={description:"",displayName:"Heading",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}}}}}catch{}var h=(e=>(e.HEADING="Heading",e.DIVIDER="Divider",e.DEFAULT="Default",e))(h||{});const y=({options:e,onChangeOptions:t,showHeader:o,maxHeight:i})=>n.jsxs("div",{className:A("menu",u.menu),style:{maxHeight:i},children:[o&&n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:u.header,children:[n.jsx("a",{onClick:a=>{const s=e.map(r=>({...r,selected:!0}));t(a,s)},children:"All"}),n.jsx("a",{onClick:a=>{const s=e.map(r=>({...r,selected:!1}));t(a,s)},children:"Clear"}),n.jsx("a",{onClick:a=>{const s=e.map(r=>({...r,selected:!r.selected}));t(a,s)},children:"Invert"})]}),n.jsx(f,{margin:0})]}),e.map((a,s)=>{switch(a.type){case h.HEADING:return n.jsx(_,{label:a.label},s);case h.DIVIDER:return n.jsx(f,{margin:0},s);default:return n.jsx(g,{option:a,onChange:r=>{const{value:m}=a,H=e.map(d=>d.value!==m?d:{...d,selected:!d.selected});t(r,H)}},s)}})]});try{y.displayName="Layer",y.__docgenInfo={description:"",displayName:"Layer",props:{options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"IOptionType[]"}},onChangeOptions:{defaultValue:null,description:"",name:"onChangeOptions",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, options: IOptionType[]) => void"}},showHeader:{defaultValue:null,description:"",name:"showHeader",required:!1,type:{name:"boolean"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}const c=({name:e,label:t,options:o,onChange:i,showHeader:a=!0,maxHeight:s="40vh"})=>n.jsx(N,{menu:{label:t,trigger:I.DROP_DOWN_BUTTON,possiblePlacements:["top-start","bottom-start"],sections:n.jsx(y,{options:o,onChangeOptions:(r,m)=>{r.stopPropagation(),r.target.name=e,r.target.value=m,i(r)},showHeader:a,maxHeight:s})}});try{c.displayName="OptionDropdown",c.__docgenInfo={description:"",displayName:"OptionDropdown",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"IOptionType[]"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement & { name?: string | undefined; value: IOptionType[]; }>) => void"}},showHeader:{defaultValue:{value:"true"},description:"",name:"showHeader",required:!1,type:{name:"boolean"}},maxHeight:{defaultValue:{value:"40vh"},description:"",name:"maxHeight",required:!1,type:{name:"string"}}}}}catch{}const{useArgs:M}=__STORYBOOK_MODULE_ADDONS__,k=[{label:"Animals",type:"Heading"},{type:"Divider"},{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"}],se={title:"Forms/OptionDropdown",component:c,args:{label:"Label",options:k}},j=e=>{const[t,o]=M(),i=a=>{o({options:a.target.value})};return n.jsx(c,{...e,onChange:i})},p=j.bind({}),l=j.bind({});l.args={options:[...Array(50)].map((e,t)=>({label:`Item #${t}`,value:t}))};var v,x,b;p.parameters={...p.parameters,docs:{...(v=p.parameters)==null?void 0:v.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      options: evt.target.value
+    });
+  };
+  return <OptionDropdown
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} onChange={handleChange} />;
+}`,...(b=(x=p.parameters)==null?void 0:x.docs)==null?void 0:b.source}}};var O,D,C;l.parameters={...l.parameters,docs:{...(O=l.parameters)==null?void 0:O.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      options: evt.target.value
+    });
+  };
+  return <OptionDropdown
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} onChange={handleChange} />;
+}`,...(C=(D=l.parameters)==null?void 0:D.docs)==null?void 0:C.source}}};const oe=["Default","ScrollOverflow"];export{p as Default,l as ScrollOverflow,oe as __namedExportsOrder,se as default};

package/dist/storybook/assets/{padding-and-spacing-cee5abee.js → padding-and-spacing-0f88ceda.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{M as r}from"./index-bcb9aa42.js";import{u as t}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-e34c70f8.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";function i(n){const s=Object.assign({h1:"h1",h2:"h2",p:"p",ul:"ul",li:"li",strong:"strong",code:"code"},t(),n.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Padding, Margin & Size"}),`
+import{j as e}from"./jsx-runtime-f961835c.js";import{M as r}from"./index-a18dd03f.js";import{u as t}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-3bbaf5e1.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";function i(n){const s=Object.assign({h1:"h1",h2:"h2",p:"p",ul:"ul",li:"li",strong:"strong",code:"code"},t(),n.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Padding, Margin & Size"}),`
 `,e.jsx(s.h1,{id:"padding-margin--size",children:"Padding, Margin & Size"}),`
 `,e.jsx(s.h2,{id:"padding--margin",children:"Padding & Margin"}),`
 `,e.jsx(s.p,{children:"There are standard CSS spacing variables for padding and margin."}),`

package/dist/storybook/assets/page.stories-4d620716.js

@@ -0,0 +1,57 @@
+import{j as e}from"./jsx-runtime-f961835c.js";import{P as i}from"./page-6d07f774.js";import{T as a}from"./top-bar-e6061315.js";import{S as r}from"./side-bar-0105b295.js";import{H as t}from"./heading-2919c91b.js";import{L as D}from"./logo-8068ccfc.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./common-types-3a5f9d98.js";import"./button-1a1d00ec.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./actions-adb8a67c.js";import"./lodash-75c70a11.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-a96e6194.js";import"./index-c7f280f6.js";import"./drawer-7274f5d8.js";import"./help-icon-ca6c6ab6.js";const L="_printHeader_o7xxx_1",M={printHeader:L},m=({logo:p,alt:C,logoWidth:W="100px"})=>e.jsx("img",{src:p,alt:C,className:M.printHeader,style:{width:W}});try{m.displayName="PrintHeader",m.__docgenInfo={description:"",displayName:"PrintHeader",props:{logo:{defaultValue:null,description:"",name:"logo",required:!0,type:{name:"string"}},logoWidth:{defaultValue:{value:"100px"},description:"",name:"logoWidth",required:!1,type:{name:"TStringOrNumber"}},alt:{defaultValue:null,description:"",name:"alt",required:!0,type:{name:"string"}}}}}catch{}const s="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vestibulum velit vitae dolor eleifend, quis cursus tortor tempor. Etiam laoreet tempor turpis ut tristique. In hac habitasse platea dictumst. Ut viverra vestibulum facilisis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Curabitur commodo egestas magna, at molestie quam euismod ut. Aliquam suscipit at velit vel venenatis. Morbi rhoncus odio neque, volutpat finibus risus hendrerit quis. Sed vitae justo at elit dictum semper. Suspendisse non luctus nulla. Suspendisse condimentum tellus ac elit ornare porttitor. In dignissim libero erat, eget varius nisl tincidunt sed. Duis vel viverra dolor. Mauris nisl lorem, consectetur sed ullamcorper consequat, dictum eu diam. Fusce pretium velit vitae urna tempor, id luctus velit lacinia. Suspendisse lacinia, ante eget egestas mollis, magna magna imperdiet lacus, vitae molestie purus urna et ipsum. Nulla facilisi. Nam augue sapien, dapibus id nunc a, iaculis vulputate urna. Nullam sit amet rutrum tortor. Fusce vel augue vel orci porttitor auctor. Vivamus pulvinar urna quam, non posuere lorem mollis fringilla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque porta odio quis urna pulvinar hendrerit. Nam eros sapien, cursus at maximus id, suscipit et erat. Praesent semper consectetur lacus eu suscipit. In mi ex, feugiat sagittis facilisis ut, fermentum quis mi. Nunc egestas tempor pharetra. Nulla condimentum massa non facilisis bibendum. Sed at justo eget massa lobortis ultricies sit amet eu ex. Nullam auctor ex ac elit laoreet, vitae convallis sem egestas. Maecenas gravida eros sit amet orci dapibus, rutrum gravida nisl finibus. Pellentesque vitae lorem vulputate, accumsan ligula quis, rhoncus urna. Vestibulum velit ex, venenatis ut sagittis id, malesuada vel diam. Suspendisse et turpis eu metus luctus fermentum at consectetur est. Suspendisse sit amet tincidunt dolor. Curabitur imperdiet congue urna in fringilla. Donec nec accumsan purus. Cras et blandit turpis. Curabitur sed libero nibh. Morbi scelerisque, metus vel cursus dapibus, quam lorem placerat odio, at rhoncus diam diam eget nisi. Nulla sagittis posuere ex, vel scelerisque justo egestas vel. Duis aliquam mollis est id tristique. Ut eros libero, faucibus sed ante sit amet, euismod condimentum dolor. Aenean feugiat augue tortor, id egestas tellus porta eu. Maecenas sed dui vitae erat fringilla lacinia. Etiam nisi felis, rhoncus nec vestibulum vel, mattis eget ligula. Cras sed quam sed nisi mollis eleifend. Nulla commodo, dolor nec bibendum finibus, lorem quam tincidunt lectus, sed volutpat lorem ligula vitae leo. Aliquam efficitur eu felis at dignissim. Fusce auctor eleifend justo, ut varius sapien ullamcorper mattis. Curabitur suscipit pellentesque augue sed bibendum.",le={title:"Layout/Page",component:i,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},argTypes:{top:{control:"text"},left:{control:"text"},padding:{control:{type:"boolean"}}}},o=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),n=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{padding:!1,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),u=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{scroll:!1,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),l=()=>e.jsxs(e.Fragment,{children:[e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{top:0,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),c=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsxs(i,{left:0,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),d=()=>e.jsxs(e.Fragment,{children:[e.jsx(m,{logo:D,logoWidth:"60px",alt:"company logo"}),e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]});var g,x,f;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`() => <>
+    <TopBar />
+    <SideBar options={{
+    title: '',
+    sections: []
+  }} />
+    <Page>
+      <Heading top>Heading</Heading>
+      {placeholder}
+    </Page>
+  </>`,...(f=(x=o.parameters)==null?void 0:x.docs)==null?void 0:f.source}}};var h,v,b;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`() => <>
+    <TopBar />
+    <SideBar options={{
+    title: '',
+    sections: []
+  }} />
+    <Page padding={false}>
+      <Heading top>Heading</Heading>
+      {placeholder}
+    </Page>
+  </>`,...(b=(v=n.parameters)==null?void 0:v.docs)==null?void 0:b.source}}};var H,j,q;u.parameters={...u.parameters,docs:{...(H=u.parameters)==null?void 0:H.docs,source:{originalSource:`() => <>
+    <TopBar />
+    <SideBar options={{
+    title: '',
+    sections: []
+  }} />
+    <Page scroll={false}>
+      <Heading top>Heading</Heading>
+      {placeholder}
+    </Page>
+  </>`,...(q=(j=u.parameters)==null?void 0:j.docs)==null?void 0:q.source}}};var S,P,N;l.parameters={...l.parameters,docs:{...(S=l.parameters)==null?void 0:S.docs,source:{originalSource:`() => <>
+    <SideBar options={{
+    title: '',
+    sections: []
+  }} />
+    <Page top={0}>
+      <Heading top>Heading</Heading>
+      {placeholder}
+    </Page>
+  </>`,...(N=(P=l.parameters)==null?void 0:P.docs)==null?void 0:N.source}}};var y,B,_;c.parameters={...c.parameters,docs:{...(y=c.parameters)==null?void 0:y.docs,source:{originalSource:`() => <>
+    <TopBar />
+    <Page left={0}>
+      <Heading top>Heading</Heading>
+      {placeholder}
+    </Page>
+  </>`,...(_=(B=c.parameters)==null?void 0:B.docs)==null?void 0:_.source}}};var T,F,V;d.parameters={...d.parameters,docs:{...(T=d.parameters)==null?void 0:T.docs,source:{originalSource:`() => <>
+    <PrintHeader logo={LogoSVG} logoWidth="60px" alt="company logo" />
+    <TopBar />
+    <SideBar options={{
+    title: '',
+    sections: []
+  }} />
+    <Page>
+      <Heading top>Heading</Heading>
+      {placeholder}
+    </Page>
+  </>`,...(V=(F=d.parameters)==null?void 0:F.docs)==null?void 0:V.source}}};const ce=["Default","NoPadding","NoScroll","NoTopBar","NoSideBar","WithPrintHeader"];export{o as Default,n as NoPadding,u as NoScroll,c as NoSideBar,l as NoTopBar,d as WithPrintHeader,ce as __namedExportsOrder,le as default};

package/dist/storybook/assets/{pagination-0755df3d.js → pagination-0da36c85.js}

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

package/dist/storybook/assets/{pagination.stories-e048c82b.js → pagination.stories-280c69f9.js}

@@ -1,4 +1,4 @@
-import{j as p}from"./jsx-runtime-f961835c.js";import{r as n}from"./index-f80c8c95.js";import{P as g}from"./pagination-0755df3d.js";import"./common-types-3a5f9d98.js";import"./select-b35e468b.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./index-c89a1915.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-3e8ee8ec.js";import"./button-9027cb35.js";import"./spinner-cb92a546.js";import"./icon-6cfc6944.js";import"./badge-1615fbe5.js";import"./select.input-88b6ebab.js";import"./input-8db939f4.js";import"./input-group-9ddeb24a.js";import"./input-group-addon-63147930.js";const C={rowCount:500,selectedPage:1,onSelectPage:()=>{}},U={title:"Basic/Pagination",component:g,args:{pagination:C}},r=()=>{const[a,t]=n.useState(1);return p.jsx(g,{pagination:{rowCount:500,selectedPage:a,onSelectPage:o=>t(o)}})},s=()=>{const[a,t]=n.useState(1),[o,P]=n.useState(20);return p.jsx(g,{pagination:{rowCount:500,selectedPage:a,rowsPerPage:{onChange:e=>P(Number(e.target.value)),options:[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],value:o},onSelectPage:e=>t(e)}})},l=()=>{const[a,t]=n.useState(1),[o,P]=n.useState(20);return p.jsx(g,{pagination:{small:!0,rowCount:500,selectedPage:a,rowsPerPage:{onChange:e=>P(Number(e.target.value)),options:[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],value:o},onSelectPage:e=>t(e)}})};var i,u,c;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:`() => {
+import{j as P}from"./jsx-runtime-f961835c.js";import{r as n}from"./index-f80c8c95.js";import{P as g}from"./pagination-0da36c85.js";import"./common-types-3a5f9d98.js";import"./select-ef19f734.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./index-c89a1915.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-adb8a67c.js";import"./button-1a1d00ec.js";import"./spinner-cb92a546.js";import"./icon-281c0950.js";import"./tslib.es6-dfef685f.js";import"./badge-a96e6194.js";import"./select.input-88b6ebab.js";import"./input-8db939f4.js";import"./input-group-9ddeb24a.js";import"./input-group-addon-63147930.js";const C={rowCount:500,selectedPage:1,onSelectPage:()=>{}},V={title:"Basic/Pagination",component:g,args:{pagination:C}},r=()=>{const[a,t]=n.useState(1);return P.jsx(g,{pagination:{rowCount:500,selectedPage:a,onSelectPage:o=>t(o)}})},s=()=>{const[a,t]=n.useState(1),[o,p]=n.useState(20);return P.jsx(g,{pagination:{rowCount:500,selectedPage:a,rowsPerPage:{onChange:e=>p(Number(e.target.value)),options:[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],value:o},onSelectPage:e=>t(e)}})},l=()=>{const[a,t]=n.useState(1),[o,p]=n.useState(20);return P.jsx(g,{pagination:{small:!0,rowCount:500,selectedPage:a,rowsPerPage:{onChange:e=>p(Number(e.target.value)),options:[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],value:o},onSelectPage:e=>t(e)}})};var i,u,c;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:`() => {
   const [selectedPage, setSelectedPage] = useState(1);
   return <Pagination pagination={{
     rowCount: 500,
@@ -56,4 +56,4 @@ import{j as p}from"./jsx-runtime-f961835c.js";import{r as n}from"./index-f80c8c9
     },
     onSelectPage: evt => setSelectedPage(evt)
   }} />;
-}`,...(b=(w=l.parameters)==null?void 0:w.docs)==null?void 0:b.source}}};const V=["Default","RowsPerPage","Small"];export{r as Default,s as RowsPerPage,l as Small,V as __namedExportsOrder,U as default};
+}`,...(b=(w=l.parameters)==null?void 0:w.docs)==null?void 0:b.source}}};const W=["Default","RowsPerPage","Small"];export{r as Default,s as RowsPerPage,l as Small,W as __namedExportsOrder,V as default};

package/dist/storybook/assets/pop-confirm.stories-555827b9.js

@@ -0,0 +1,7 @@
+import{j as t}from"./jsx-runtime-f961835c.js";import{P as E}from"./popover-ee6860bd.js";import{B as i}from"./button-1a1d00ec.js";import{T as N}from"./text-ad1f5f1d.js";import{t as I}from"./toaster-80389476.js";import"./index-f80c8c95.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./types-b4f47076.js";const B="_popConfirm_1x6ye_1",w="_content_1x6ye_7",D="_buttons_1x6ye_13",f={popConfirm:B,content:w,buttons:D},y=({title:e,okText:u,onClickOk:d,cancelText:p,onClickCancel:m,close:r,testId:o})=>t.jsxs("div",{className:f.popConfirm,children:[e&&t.jsx("div",{className:f.content,children:t.jsx(N,{small:!0,children:e})}),t.jsxs("div",{className:f.buttons,children:[t.jsx(i,{small:!0,colored:!0,label:u,onClick:()=>d(r),testId:`${o}-ok-button`}),t.jsx(i,{small:!0,label:p,onClick:()=>m(r),testId:`${o}-cancel-button`})]})]});try{y.displayName="Content",y.__docgenInfo={description:"",displayName:"Content",props:{title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},okText:{defaultValue:null,description:"",name:"okText",required:!0,type:{name:"string"}},onClickOk:{defaultValue:null,description:"",name:"onClickOk",required:!0,type:{name:"(close?: TEmpty | undefined) => void"}},cancelText:{defaultValue:null,description:"",name:"cancelText",required:!0,type:{name:"string"}},onClickCancel:{defaultValue:null,description:"",name:"onClickCancel",required:!0,type:{name:"(close?: TEmpty | undefined) => void"}},close:{defaultValue:null,description:"",name:"close",required:!1,type:{name:"TEmpty"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const c=({children:e,placement:u="top-center",closeOnOutsideClick:d=!0,fullWidth:p=!1,title:m="",cancelText:r="Cancel",onClickCancel:o=l=>l&&l(),okText:T="Ok",onClickOk:O=()=>{},overflowContainer:P=!1,testId:v=void 0})=>{const l=t.jsx(y,{title:m,okText:T,onClickOk:O,cancelText:r,onClickCancel:o,testId:v});return t.jsx(E,{content:l,placement:u,closeOnOutsideClick:d,fullWidth:p,overflowContainer:P,testId:v,children:e})};try{c.displayName="PopConfirm",c.__docgenInfo={description:"",displayName:"PopConfirm",props:{placement:{defaultValue:{value:"top-center"},description:"",name:"placement",required:!1,type:{name:"enum",value:[{value:'"top-center"'},{value:'"bottom-center"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"left-end"'},{value:'"left-center"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-center"'},{value:'"right-start"'},{value:'"center"'}]}},closeOnOutsideClick:{defaultValue:{value:"true"},description:"",name:"closeOnOutsideClick",required:!1,type:{name:"boolean"}},fullWidth:{defaultValue:{value:"false"},description:"",name:"fullWidth",required:!1,type:{name:"boolean"}},title:{defaultValue:{value:""},description:"",name:"title",required:!1,type:{name:"string"}},cancelText:{defaultValue:{value:"Cancel"},description:"",name:"cancelText",required:!1,type:{name:"string"}},onClickCancel:{defaultValue:{value:"(close) => close && close()"},description:"",name:"onClickCancel",required:!1,type:{name:"((close?: TEmpty) => void)"}},okText:{defaultValue:{value:"Ok"},description:"",name:"okText",required:!1,type:{name:"string"}},onClickOk:{defaultValue:{value:"() => {}"},description:"",name:"onClickOk",required:!1,type:{name:"((close?: TEmpty) => void)"}},overflowContainer:{defaultValue:{value:"false"},description:"",name:"overflowContainer",required:!1,type:{name:"boolean"}},testId:{defaultValue:{value:"undefined"},description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const S=e=>{I({message:{type:"Success",content:"success!",details:"You successfully booked your cruise to Bahamas."}}),e()},ee={title:"Basic/PopConfirm",component:c,args:{title:"Do you want a free cruise to Bahamas?",onClickCancel:e=>e(),onClickOk:S,children:t.jsx(i,{label:"Click me!"}),overflowContainer:!0,placement:"top-center"},decorators:[e=>t.jsx("div",{style:{display:"flex",justifyContent:"center"},children:e()})],parameters:{docs:{source:{excludeDecorators:!0}}}},C=e=>t.jsx(c,{...e}),s=C.bind({}),a=C.bind({});a.args={children:t.jsx(i,{small:!0,round:!0,basic:!0,colored:"muted",icon:"delete"})};const n=C.bind({});n.args={placement:"bottom-end"};var x,g,k;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:`args => <PopConfirm
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(k=(g=s.parameters)==null?void 0:g.docs)==null?void 0:k.source}}};var _,b,j;a.parameters={...a.parameters,docs:{...(_=a.parameters)==null?void 0:_.docs,source:{originalSource:`args => <PopConfirm
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(j=(b=a.parameters)==null?void 0:b.docs)==null?void 0:j.source}}};var q,V,h;n.parameters={...n.parameters,docs:{...(q=n.parameters)==null?void 0:q.docs,source:{originalSource:`args => <PopConfirm
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(h=(V=n.parameters)==null?void 0:V.docs)==null?void 0:h.source}}};const te=["Default","Action","Placement"];export{a as Action,s as Default,n as Placement,te as __namedExportsOrder,ee as default};

package/dist/storybook/assets/{popover-64e44a17.js → popover-ee6860bd.js}

@@ -1 +1 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{r as i,R as u}from"./index-f80c8c95.js";import{u as j,A as B,i as V}from"./tooltip-23e84186.js";import{c}from"./index-a80ed1cf.js";import{I as q}from"./common-types-3a5f9d98.js";import{D as k}from"./disabled-context-d654f6ff.js";import{B as P}from"./button-9027cb35.js";const W="_toggleBox_1hhl2_1",w="_fullWidthStyleFix_1hhl2_8",E="_dismiss_1hhl2_13",l={toggleBox:W,fullWidthStyleFix:w,dismiss:E},f=({children:n,content:o,placement:m="top-center",closeOnOutsideClick:p=!0,fullWidth:v=!1,showCloseButton:g=!1,testId:x,disabled:a=!1,overflowContainer:h=!1})=>{const r=i.useContext(k),[s,d]=i.useState(!1),t=()=>d(!1),y=()=>{a||r||d(!s)};i.useEffect(()=>{a||r||t()},[a,r]);const{renderLayer:_,arrowProps:b,layerProps:C,triggerProps:O}=j({isOpen:s,placement:m,auto:!0,triggerOffset:6,onOutsideClick:p?t:void 0,ResizeObserver:V,overflowContainer:h});return e.jsxs(e.Fragment,{children:[e.jsx("div",{ref:O.ref,onClick:y,"data-testid":x,children:n}),s&&_(e.jsxs("div",{className:v?c(l.toggleBox,l.fullWidthStyleFix):c(l.toggleBox),...C,children:[e.jsxs("div",{children:[u.isValidElement(o)?u.cloneElement(o,{close:t}):o,g&&e.jsx("div",{className:l.dismiss,children:e.jsx(P,{small:!0,round:!0,onClick:t,icon:q.CLOSE})})]}),e.jsx(B,{...b,backgroundColor:"var(--color-background-raised)",borderColor:"var(--color-border)",borderWidth:1,size:6})]}))]})};try{f.displayName="Popover",f.__docgenInfo={description:"",displayName:"Popover",props:{content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"ReactNode"}},placement:{defaultValue:{value:"top-center"},description:"",name:"placement",required:!1,type:{name:"enum",value:[{value:'"top-center"'},{value:'"bottom-center"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"left-end"'},{value:'"left-center"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-center"'},{value:'"right-start"'},{value:'"center"'}]}},closeOnOutsideClick:{defaultValue:{value:"true"},description:"",name:"closeOnOutsideClick",required:!1,type:{name:"boolean"}},fullWidth:{defaultValue:{value:"false"},description:"",name:"fullWidth",required:!1,type:{name:"boolean"}},showCloseButton:{defaultValue:{value:"false"},description:"",name:"showCloseButton",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},overflowContainer:{defaultValue:{value:"false"},description:"",name:"overflowContainer",required:!1,type:{name:"boolean"}}}}}catch{}export{f as P};
+import{j as e}from"./jsx-runtime-f961835c.js";import{r as i,R as u}from"./index-f80c8c95.js";import{u as j,A as B,i as V}from"./tooltip-23e84186.js";import{c}from"./index-a80ed1cf.js";import{I as q}from"./common-types-3a5f9d98.js";import{D as k}from"./disabled-context-d654f6ff.js";import{B as P}from"./button-1a1d00ec.js";const W="_toggleBox_1hhl2_1",w="_fullWidthStyleFix_1hhl2_8",E="_dismiss_1hhl2_13",l={toggleBox:W,fullWidthStyleFix:w,dismiss:E},f=({children:n,content:o,placement:m="top-center",closeOnOutsideClick:p=!0,fullWidth:v=!1,showCloseButton:g=!1,testId:x,disabled:a=!1,overflowContainer:h=!1})=>{const r=i.useContext(k),[s,d]=i.useState(!1),t=()=>d(!1),y=()=>{a||r||d(!s)};i.useEffect(()=>{a||r||t()},[a,r]);const{renderLayer:_,arrowProps:b,layerProps:C,triggerProps:O}=j({isOpen:s,placement:m,auto:!0,triggerOffset:6,onOutsideClick:p?t:void 0,ResizeObserver:V,overflowContainer:h});return e.jsxs(e.Fragment,{children:[e.jsx("div",{ref:O.ref,onClick:y,"data-testid":x,children:n}),s&&_(e.jsxs("div",{className:v?c(l.toggleBox,l.fullWidthStyleFix):c(l.toggleBox),...C,children:[e.jsxs("div",{children:[u.isValidElement(o)?u.cloneElement(o,{close:t}):o,g&&e.jsx("div",{className:l.dismiss,children:e.jsx(P,{small:!0,round:!0,onClick:t,icon:q.CLOSE})})]}),e.jsx(B,{...b,backgroundColor:"var(--color-background-raised)",borderColor:"var(--color-border)",borderWidth:1,size:6})]}))]})};try{f.displayName="Popover",f.__docgenInfo={description:"",displayName:"Popover",props:{content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"ReactNode"}},placement:{defaultValue:{value:"top-center"},description:"",name:"placement",required:!1,type:{name:"enum",value:[{value:'"top-center"'},{value:'"bottom-center"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"left-end"'},{value:'"left-center"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-center"'},{value:'"right-start"'},{value:'"center"'}]}},closeOnOutsideClick:{defaultValue:{value:"true"},description:"",name:"closeOnOutsideClick",required:!1,type:{name:"boolean"}},fullWidth:{defaultValue:{value:"false"},description:"",name:"fullWidth",required:!1,type:{name:"boolean"}},showCloseButton:{defaultValue:{value:"false"},description:"",name:"showCloseButton",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},overflowContainer:{defaultValue:{value:"false"},description:"",name:"overflowContainer",required:!1,type:{name:"boolean"}}}}}catch{}export{f as P};

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

@@ -0,0 +1 @@
+import{j as r}from"./jsx-runtime-f961835c.js";import{P as C}from"./popover-ee6860bd.js";import{I as S}from"./input-8db939f4.js";import{B as i}from"./button-1a1d00ec.js";import{F as P}from"./flex-47732c42.js";import{S as B}from"./select-ef19f734.js";import"./index-f80c8c95.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-adb8a67c.js";import"./badge-a96e6194.js";import"./select.input-88b6ebab.js";const l=[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],w=({close:e})=>r.jsxs(P,{gap:"var(--padding-xs)",children:[r.jsx(S,{value:"Value",width:"150px",small:!0}),r.jsx(B,{options:l,value:l[0],width:"auto",small:!0}),r.jsx(i,{colored:!0,label:"Save",onClick:()=>{},small:!0}),r.jsx(i,{label:"Cancel",onClick:e,small:!0})]}),Z={title:"Basic/Popover",component:C,args:{overflowContainer:!0,content:r.jsx(w,{}),children:r.jsx(i,{label:"Toggle me"})},decorators:[e=>r.jsx("div",{style:{display:"flex"},children:e()})],parameters:{docs:{source:{excludeDecorators:!0}}}},p=e=>r.jsx(C,{...e}),a=p.bind({}),o=p.bind({});o.args={children:r.jsx(S,{value:"Value",width:"100%"})};const s=p.bind({});s.args={closeOnOutsideClick:!1,showCloseButton:!0};const t=p.bind({});t.args={disabled:!0};var m,c,n;a.parameters={...a.parameters,docs:{...(m=a.parameters)==null?void 0:m.docs,source:{originalSource:"args => <Popover {...args} />",...(n=(c=a.parameters)==null?void 0:c.docs)==null?void 0:n.source}}};var u,d,g;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:"args => <Popover {...args} />",...(g=(d=o.parameters)==null?void 0:d.docs)==null?void 0:g.source}}};var x,v,b;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:"args => <Popover {...args} />",...(b=(v=s.parameters)==null?void 0:v.docs)==null?void 0:b.source}}};var f,j,h;t.parameters={...t.parameters,docs:{...(f=t.parameters)==null?void 0:f.docs,source:{originalSource:"args => <Popover {...args} />",...(h=(j=t.parameters)==null?void 0:j.docs)==null?void 0:h.source}}};const $=["Default","InputTrigger","CloseButton","Disabled"];export{s as CloseButton,a as Default,t as Disabled,o as InputTrigger,$ as __namedExportsOrder,Z as default};

package/dist/storybook/assets/preview-00ed1fbd.js

@@ -0,0 +1 @@
+import{_ as e}from"./iframe-3bbaf5e1.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-NNNQARDV-caf644cb.js"),["./DocsRenderer-NNNQARDV-caf644cb.js","./chunk-HLWAVYOI-40c978d1.js","./iframe-3bbaf5e1.js","./index-f80c8c95.js","./react-16-147b12fd.js","./index-3d476d02.js","./index-a18dd03f.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-97a99495.js"],import.meta.url);return new r}}};export{a as parameters};

package/dist/storybook/assets/{preview-2de17a18.js → preview-506e3abb.js}

@@ -1,4 +1,4 @@
-import{j as S}from"./jsx-runtime-f961835c.js";import{R as M}from"./index-f80c8c95.js";import{T as pe}from"./toaster-62f4d5bd.js";import{e as G}from"./index-54f0d271.js";import"./chunk-HLWAVYOI-fe0f6432.js";import{e as de,t as U}from"./index-bcb9aa42.js";import"./index-3d476d02.js";import"./types-a6c4038c.js";import"./index-c89a1915.js";import"./index-a80ed1cf.js";import"./button-9027cb35.js";import"./common-types-3a5f9d98.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./icon-6cfc6944.js";import"./inheritsLoose-d4851ab8.js";import"./tooltip-23e84186.js";import"./iframe-e34c70f8.js";import"../sb-preview/runtime.js";import"./react-16-147b12fd.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";var W="DARK_MODE";const{global:ce}=__STORYBOOK_MODULE_GLOBAL__;__STORYBOOK_MODULE_CLIENT_LOGGER__;function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},b.apply(this,arguments)}function me(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,a){return r.__proto__=a,r},h(e,t)}function ge(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,h(e,t)}function z(e){return z=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},z(e)}function be(e){return Function.toString.call(e).indexOf("[native code]")!==-1}function he(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function C(e,t,r){return he()?C=Reflect.construct.bind():C=function(a,n,o){var i=[null];i.push.apply(i,n);var l=Function.bind.apply(a,i),s=new l;return o&&h(s,o.prototype),s},C.apply(null,arguments)}function H(e){var t=typeof Map=="function"?new Map:void 0;return H=function(r){if(r===null||!be(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(typeof t<"u"){if(t.has(r))return t.get(r);t.set(r,a)}function a(){return C(r,arguments,z(this).constructor)}return a.prototype=Object.create(r.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),h(a,r)},H(e)}var ye={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
+import{j as S}from"./jsx-runtime-f961835c.js";import{R as M}from"./index-f80c8c95.js";import{T as pe}from"./toaster-80389476.js";import{e as G}from"./index-54f0d271.js";import"./chunk-HLWAVYOI-40c978d1.js";import{e as de,t as U}from"./index-a18dd03f.js";import"./index-3d476d02.js";import"./types-b4f47076.js";import"./index-c89a1915.js";import"./index-a80ed1cf.js";import"./button-1a1d00ec.js";import"./common-types-3a5f9d98.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.js";import"./iframe-3bbaf5e1.js";import"../sb-preview/runtime.js";import"./react-16-147b12fd.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";var W="DARK_MODE";const{global:ce}=__STORYBOOK_MODULE_GLOBAL__;__STORYBOOK_MODULE_CLIENT_LOGGER__;function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},b.apply(this,arguments)}function me(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,a){return r.__proto__=a,r},h(e,t)}function ge(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,h(e,t)}function z(e){return z=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},z(e)}function be(e){return Function.toString.call(e).indexOf("[native code]")!==-1}function he(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function C(e,t,r){return he()?C=Reflect.construct.bind():C=function(a,n,o){var i=[null];i.push.apply(i,n);var l=Function.bind.apply(a,i),s=new l;return o&&h(s,o.prototype),s},C.apply(null,arguments)}function H(e){var t=typeof Map=="function"?new Map:void 0;return H=function(r){if(r===null||!be(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(typeof t<"u"){if(t.has(r))return t.get(r);t.set(r,a)}function a(){return C(r,arguments,z(this).constructor)}return a.prototype=Object.create(r.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),h(a,r)},H(e)}var ye={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
 
 `,2:`Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).
 
@@ -148,4 +148,4 @@ To pass a single animation please supply them in simple values, e.g. animation('
 `,78:`base must be set in "px" or "%" but you set it in "%s".
 `};function ve(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];var a=t[0],n=[],o;for(o=1;o<t.length;o+=1)n.push(t[o]);return n.forEach(function(i){a=a.replace(/%[a-z]/,i)}),a}var d=function(e){ge(t,e);function t(r){for(var a,n=arguments.length,o=new Array(n>1?n-1:0),i=1;i<n;i++)o[i-1]=arguments[i];return a=e.call(this,ve.apply(void 0,[ye[r]].concat(o)))||this,me(a)}return t}(H(Error));function R(e){return Math.round(e*255)}function xe(e,t,r){return R(e)+","+R(t)+","+R(r)}function y(e,t,r,a){if(a===void 0&&(a=xe),t===0)return a(r,r,r);var n=(e%360+360)%360/60,o=(1-Math.abs(2*r-1))*t,i=o*(1-Math.abs(n%2-1)),l=0,s=0,f=0;n>=0&&n<1?(l=o,s=i):n>=1&&n<2?(l=i,s=o):n>=2&&n<3?(s=o,f=i):n>=3&&n<4?(s=i,f=o):n>=4&&n<5?(l=i,f=o):n>=5&&n<6&&(l=o,f=i);var p=r-o/2,c=l+p,m=s+p,j=f+p;return a(c,m,j)}var J={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function Se(e){if(typeof e!="string")return e;var t=e.toLowerCase();return J[t]?"#"+J[t]:e}var Fe=/^#[a-fA-F0-9]{6}$/,we=/^#[a-fA-F0-9]{8}$/,Ce=/^#[a-fA-F0-9]{3}$/,ke=/^#[a-fA-F0-9]{4}$/,_=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,Oe=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,Pe=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,Te=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function T(e){if(typeof e!="string")throw new d(3);var t=Se(e);if(t.match(Fe))return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16)};if(t.match(we)){var r=parseFloat((parseInt(""+t[7]+t[8],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16),alpha:r}}if(t.match(Ce))return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16)};if(t.match(ke)){var a=parseFloat((parseInt(""+t[4]+t[4],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16),alpha:a}}var n=_.exec(t);if(n)return{red:parseInt(""+n[1],10),green:parseInt(""+n[2],10),blue:parseInt(""+n[3],10)};var o=Oe.exec(t.substring(0,50));if(o)return{red:parseInt(""+o[1],10),green:parseInt(""+o[2],10),blue:parseInt(""+o[3],10),alpha:parseFloat(""+o[4])>1?parseFloat(""+o[4])/100:parseFloat(""+o[4])};var i=Pe.exec(t);if(i){var l=parseInt(""+i[1],10),s=parseInt(""+i[2],10)/100,f=parseInt(""+i[3],10)/100,p="rgb("+y(l,s,f)+")",c=_.exec(p);if(!c)throw new d(4,t,p);return{red:parseInt(""+c[1],10),green:parseInt(""+c[2],10),blue:parseInt(""+c[3],10)}}var m=Te.exec(t.substring(0,50));if(m){var j=parseInt(""+m[1],10),ue=parseInt(""+m[2],10)/100,fe=parseInt(""+m[3],10)/100,Y="rgb("+y(j,ue,fe)+")",x=_.exec(Y);if(!x)throw new d(4,t,Y);return{red:parseInt(""+x[1],10),green:parseInt(""+x[2],10),blue:parseInt(""+x[3],10),alpha:parseFloat(""+m[4])>1?parseFloat(""+m[4])/100:parseFloat(""+m[4])}}throw new d(5)}function Ie(e){var t=e.red/255,r=e.green/255,a=e.blue/255,n=Math.max(t,r,a),o=Math.min(t,r,a),i=(n+o)/2;if(n===o)return e.alpha!==void 0?{hue:0,saturation:0,lightness:i,alpha:e.alpha}:{hue:0,saturation:0,lightness:i};var l,s=n-o,f=i>.5?s/(2-n-o):s/(n+o);switch(n){case t:l=(r-a)/s+(r<a?6:0);break;case r:l=(a-t)/s+2;break;default:l=(t-r)/s+4;break}return l*=60,e.alpha!==void 0?{hue:l,saturation:f,lightness:i,alpha:e.alpha}:{hue:l,saturation:f,lightness:i}}function ae(e){return Ie(T(e))}var Ee=function(e){return e.length===7&&e[1]===e[2]&&e[3]===e[4]&&e[5]===e[6]?"#"+e[1]+e[3]+e[5]:e},$=Ee;function g(e){var t=e.toString(16);return t.length===1?"0"+t:t}function A(e){return g(Math.round(e*255))}function je(e,t,r){return $("#"+A(e)+A(t)+A(r))}function k(e,t,r){return y(e,t,r,je)}function Re(e,t,r){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number")return k(e,t,r);if(typeof e=="object"&&t===void 0&&r===void 0)return k(e.hue,e.saturation,e.lightness);throw new d(1)}function _e(e,t,r,a){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number"&&typeof a=="number")return a>=1?k(e,t,r):"rgba("+y(e,t,r)+","+a+")";if(typeof e=="object"&&t===void 0&&r===void 0&&a===void 0)return e.alpha>=1?k(e.hue,e.saturation,e.lightness):"rgba("+y(e.hue,e.saturation,e.lightness)+","+e.alpha+")";throw new d(2)}function N(e,t,r){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number")return $("#"+g(e)+g(t)+g(r));if(typeof e=="object"&&t===void 0&&r===void 0)return $("#"+g(e.red)+g(e.green)+g(e.blue));throw new d(6)}function K(e,t,r,a){if(typeof e=="string"&&typeof t=="number"){var n=T(e);return"rgba("+n.red+","+n.green+","+n.blue+","+t+")"}else{if(typeof e=="number"&&typeof t=="number"&&typeof r=="number"&&typeof a=="number")return a>=1?N(e,t,r):"rgba("+e+","+t+","+r+","+a+")";if(typeof e=="object"&&t===void 0&&r===void 0&&a===void 0)return e.alpha>=1?N(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")"}throw new d(7)}var Ae=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},Be=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&typeof e.alpha=="number"},De=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},Me=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&typeof e.alpha=="number"};function ne(e){if(typeof e!="object")throw new d(8);if(Be(e))return K(e);if(Ae(e))return N(e);if(Me(e))return _e(e);if(De(e))return Re(e);throw new d(8)}function oe(e,t,r){return function(){var a=r.concat(Array.prototype.slice.call(arguments));return a.length>=t?e.apply(this,a):oe(e,t,a)}}function I(e){return oe(e,e.length,[])}function E(e,t,r){return Math.max(e,Math.min(t,r))}function ze(e,t){if(t==="transparent")return t;var r=ae(t);return ne(b({},r,{lightness:E(0,1,r.lightness-parseFloat(e))}))}I(ze);function He(e,t){if(t==="transparent")return t;var r=ae(t);return ne(b({},r,{lightness:E(0,1,r.lightness+parseFloat(e))}))}I(He);function $e(e,t){if(t==="transparent")return t;var r=T(t),a=typeof r.alpha=="number"?r.alpha:1,n=b({},r,{alpha:E(0,1,(a*100+parseFloat(e)*100)/100)});return K(n)}I($e);function Ne(e,t){if(t==="transparent")return t;var r=T(t),a=typeof r.alpha=="number"?r.alpha:1,n=b({},r,{alpha:E(0,1,+(a*100-parseFloat(e)*100).toFixed(2)/100)});return K(n)}var qe=I(Ne),Le=qe,u={primary:"#FF4785",secondary:"#029CFD",tertiary:"#FAFBFC",ancillary:"#22a699",orange:"#FC521F",gold:"#FFAE00",green:"#66BF3C",seafoam:"#37D5D3",purple:"#6F2CAC",ultraviolet:"#2A0481",lightest:"#FFFFFF",lighter:"#F7FAFC",light:"#EEF3F6",mediumlight:"#ECF4F9",medium:"#D9E8F2",mediumdark:"#73828C",dark:"#5C6870",darker:"#454E54",darkest:"#2E3438",border:"hsla(203, 50%, 30%, 0.15)",positive:"#66BF3C",negative:"#FF4400",warning:"#E69D00",critical:"#FFFFFF",defaultText:"#2E3438",inverseText:"#FFFFFF",positiveText:"#448028",negativeText:"#D43900",warningText:"#A15C20"},Q={app:"#F6F9FC",bar:u.lightest,content:u.lightest,gridCellSize:10,hoverable:Le(.9,u.secondary),positive:"#E1FFD4",negative:"#FEDED2",warning:"#FFF5CF",critical:"#FF4400"},O={fonts:{base:['"Nunito Sans"',"-apple-system",'".SFNSText-Regular"','"San Francisco"',"BlinkMacSystemFont",'"Segoe UI"','"Helvetica Neue"',"Helvetica","Arial","sans-serif"].join(", "),mono:["ui-monospace","Menlo","Monaco",'"Roboto Mono"','"Oxygen Mono"','"Ubuntu Monospace"','"Source Code Pro"','"Droid Sans Mono"','"Courier New"',"monospace"].join(", ")},weight:{regular:400,bold:700},size:{s1:12,s2:14,s3:16,m1:20,m2:24,m3:28,l1:32,l2:40,l3:48,code:90}},Ke={base:"light",colorPrimary:"#FF4785",colorSecondary:"#029CFD",appBg:Q.app,appContentBg:u.lightest,appBorderColor:u.border,appBorderRadius:4,fontBase:O.fonts.base,fontCode:O.fonts.mono,textColor:u.darkest,textInverseColor:u.lightest,textMutedColor:u.mediumdark,barTextColor:u.mediumdark,barHoverColor:u.secondary,barSelectedColor:u.secondary,barBg:u.lightest,buttonBg:Q.app,buttonBorder:u.medium,booleanBg:u.mediumlight,booleanSelectedBg:u.lightest,inputBg:u.lightest,inputBorder:u.border,inputTextColor:u.darkest,inputBorderRadius:4},X=Ke,Ye={base:"dark",colorPrimary:"#FF4785",colorSecondary:"#029CFD",appBg:"#222425",appContentBg:"#1B1C1D",appBorderColor:"rgba(255,255,255,.1)",appBorderRadius:4,fontBase:O.fonts.base,fontCode:O.fonts.mono,textColor:"#C9CDCF",textInverseColor:"#222425",textMutedColor:"#798186",barTextColor:"#798186",barHoverColor:u.secondary,barSelectedColor:u.secondary,barBg:"#292C2E",buttonBg:"#222425",buttonBorder:"rgba(255,255,255,.1)",booleanBg:"#222425",booleanSelectedBg:"#2E3438",inputBg:"#1B1C1D",inputBorder:"rgba(255,255,255,.1)",inputTextColor:u.lightest,inputBorderRadius:4},Ge=Ye,{window:B}=ce,Ue=()=>!B||!B.matchMedia?"light":B.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light",Z={light:X,dark:Ge,normal:X};Ue();function v(e){"@babel/helpers - typeof";return v=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},v(e)}var D;function V(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),r.push.apply(r,a)}return r}function ee(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?V(Object(r),!0).forEach(function(a){We(e,a,r[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):V(Object(r)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(r,a))})}return e}function We(e,t,r){return t=Je(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Je(e){var t=Qe(e,"string");return v(t)==="symbol"?t:String(t)}function Qe(e,t){if(v(e)!=="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var a=r.call(e,t||"default");if(v(a)!=="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function F(e){return et(e)||Ve(e)||Ze(e)||Xe()}function Xe(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Ze(e,t){if(e){if(typeof e=="string")return q(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor&&(r=e.constructor.name),r==="Map"||r==="Set")return Array.from(e);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return q(e,t)}}function Ve(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function et(e){if(Array.isArray(e))return q(e)}function q(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,a=new Array(t);r<t;r++)a[r]=e[r];return a}const{global:tt}=__STORYBOOK_MODULE_GLOBAL__;__STORYBOOK_MODULE_CORE_EVENTS__;var ie=tt,rt=ie.document,P=ie.window,se="sb-addon-themes-3";(D=P.matchMedia)===null||D===void 0||D.call(P,"(prefers-color-scheme: dark)");var L={classTarget:"body",dark:Z.dark,darkClass:["dark"],light:Z.light,lightClass:["light"],stylePreview:!1,userHasExplicitlySetTheTheme:!1},te=function(t){P.localStorage.setItem(se,JSON.stringify(t))},at=function(t,r){var a=r.current,n=r.darkClass,o=n===void 0?L.darkClass:n,i=r.lightClass,l=i===void 0?L.lightClass:i;if(a==="dark"){var s,f;(s=t.classList).remove.apply(s,F(w(l))),(f=t.classList).add.apply(f,F(w(o)))}else{var p,c;(p=t.classList).remove.apply(p,F(w(o))),(c=t.classList).add.apply(c,F(w(l)))}},w=function(t){var r=[];return r.concat(t).map(function(a){return a})},nt=function(t){var r=rt.querySelector(t.classTarget);r&&at(r,t)},le=function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},r=P.localStorage.getItem(se);if(typeof r=="string"){var a=JSON.parse(r);return t&&(t.dark&&!G(a.dark,t.dark)&&(a.dark=t.dark,te(a)),t.light&&!G(a.light,t.light)&&(a.light=t.light,te(a))),a}return ee(ee({},L),t)};nt(le());function ot(e,t){return ut(e)||lt(e,t)||st(e,t)||it()}function it(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function st(e,t){if(e){if(typeof e=="string")return re(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor&&(r=e.constructor.name),r==="Map"||r==="Set")return Array.from(e);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return re(e,t)}}function re(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,a=new Array(t);r<t;r++)a[r]=e[r];return a}function lt(e,t){var r=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(r!=null){var a,n,o,i,l=[],s=!0,f=!1;try{if(o=(r=r.call(e)).next,t===0){if(Object(r)!==r)return;s=!1}else for(;!(s=(a=o.call(r)).done)&&(l.push(a.value),l.length!==t);s=!0);}catch(p){f=!0,n=p}finally{try{if(!s&&r.return!=null&&(i=r.return(),Object(i)!==i))return}finally{if(f)throw n}}return l}}function ut(e){if(Array.isArray(e))return e}const{addons:ft}=__STORYBOOK_MODULE_ADDONS__;function pt(){var e=M.useState(le().current==="dark"),t=ot(e,2),r=t[0],a=t[1];return M.useEffect(function(){var n=ft.getChannel();return n.on(W,a),function(){return n.off(W,a)}},[]),r}const At=[e=>S.jsxs(S.Fragment,{children:[S.jsx(e,{}),S.jsx(pe,{})]})],Bt={docs:{container:e=>{const t=pt(),r={...e};return r.theme=t?U.dark:U.light,document.documentElement.setAttribute("data-theme",t?"dark":"default"),M.createElement(de,r)}},darkMode:{stylePreview:!0}};export{At as decorators,Bt as parameters};
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function st(e,t){if(e){if(typeof e=="string")return re(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor&&(r=e.constructor.name),r==="Map"||r==="Set")return Array.from(e);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return re(e,t)}}function re(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,a=new Array(t);r<t;r++)a[r]=e[r];return a}function lt(e,t){var r=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(r!=null){var a,n,o,i,l=[],s=!0,f=!1;try{if(o=(r=r.call(e)).next,t===0){if(Object(r)!==r)return;s=!1}else for(;!(s=(a=o.call(r)).done)&&(l.push(a.value),l.length!==t);s=!0);}catch(p){f=!0,n=p}finally{try{if(!s&&r.return!=null&&(i=r.return(),Object(i)!==i))return}finally{if(f)throw n}}return l}}function ut(e){if(Array.isArray(e))return e}const{addons:ft}=__STORYBOOK_MODULE_ADDONS__;function pt(){var e=M.useState(le().current==="dark"),t=ot(e,2),r=t[0],a=t[1];return M.useEffect(function(){var n=ft.getChannel();return n.on(W,a),function(){return n.off(W,a)}},[]),r}const Bt=[e=>S.jsxs(S.Fragment,{children:[S.jsx(e,{}),S.jsx(pe,{})]})],Dt={docs:{container:e=>{const t=pt(),r={...e};return r.theme=t?U.dark:U.light,document.documentElement.setAttribute("data-theme",t?"dark":"default"),M.createElement(de,r)}},darkMode:{stylePreview:!0}};export{Bt as decorators,Dt as parameters};

package/dist/storybook/assets/projects.stories-37351a90.js

@@ -0,0 +1,47 @@
+import{j as e}from"./jsx-runtime-f961835c.js";import"./index-f80c8c95.js";import{T as n}from"./top-bar-e6061315.js";import{L as r}from"./list-697735f7.js";import{P as p}from"./page-6d07f774.js";import{R as c,C as o}from"./row-bd69aca9.js";import{T as d}from"./tabs-e39dbe8d.js";import{S as u}from"./spacer-54db0620.js";import"./index-a80ed1cf.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./common-types-3a5f9d98.js";import"./button-1a1d00ec.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./actions-adb8a67c.js";import"./lodash-75c70a11.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-a96e6194.js";import"./index.es-a10b54aa.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-2de0de0b.js";import"./list-heading-125fdb52.js";import"./heading-2919c91b.js";import"./help-icon-ca6c6ab6.js";import"./loader-1947f6cd.js";import"./styled-components.browser.esm-416d73e5.js";import"./select.input-88b6ebab.js";const t=[{label:"Browse",value:"Browse"},{label:"Recent",value:"Recent"},{label:"My Projects",value:"My Projects"}],s=[{id:1,name:"Lorem",active:!0},{id:2,name:"Ipsum"},{id:3,name:"Dolor"},{id:4,name:"Long name goes here lorem ipsum"},{id:5,name:"Lorem"},{id:6,name:"Ipsum"},{id:7,name:"Dolor"},{id:8,name:"Long name goes here lorem ipsum"},{id:9,name:"Lorem"},{id:10,name:"Ipsum"},{id:11,name:"Dolor"},{id:12,name:"Long name goes here lorem ipsum"},{id:13,name:"Lorem"},{id:14,name:"Ipsum"},{id:15,name:"Dolor"},{id:16,name:"Long name goes here lorem ipsum"}],V={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},l=()=>e.jsxs(e.Fragment,{children:[e.jsx(n,{}),e.jsxs(p,{padding:!1,left:0,scroll:!1,children:[e.jsx(u,{}),e.jsx(d,{margin:!1,padding:!0,options:t,value:t[0]}),e.jsxs(c,{spacing:0,flex:!0,height:"100%",children:[e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Country",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Field",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Site",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Well",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Wellbore",items:s}})}),e.jsx(o,{scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Design",items:s}})})]})]})]});var i,m,a;l.parameters={...l.parameters,docs:{...(i=l.parameters)==null?void 0:i.docs,source:{originalSource:`() => {
+  return <>
+      <TopBar />
+      <Page padding={false} left={0} scroll={false}>
+        <Spacer />
+        <Tabs margin={false} padding options={tabs} value={tabs[0]} />
+        <Row spacing={0} flex height="100%">
+          <Column borderRight scroll showScrollbar={false}>
+            <List list={{
+            name: 'Country',
+            items
+          }} />
+          </Column>
+          <Column borderRight scroll showScrollbar={false}>
+            <List list={{
+            name: 'Field',
+            items
+          }} />
+          </Column>
+          <Column borderRight scroll showScrollbar={false}>
+            <List list={{
+            name: 'Site',
+            items
+          }} />
+          </Column>
+          <Column borderRight scroll showScrollbar={false}>
+            <List list={{
+            name: 'Well',
+            items
+          }} />
+          </Column>
+          <Column borderRight scroll showScrollbar={false}>
+            <List list={{
+            name: 'Wellbore',
+            items
+          }} />
+          </Column>
+          <Column scroll showScrollbar={false}>
+            <List list={{
+            name: 'Design',
+            items
+          }} />
+          </Column>
+        </Row>
+      </Page>
+    </>;
+}`,...(a=(m=l.parameters)==null?void 0:m.docs)==null?void 0:a.source}}};l.__docgenInfo={description:"",methods:[],displayName:"Projects"};const X=["Projects"];export{l as Projects,X as __namedExportsOrder,V as default};