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

package/dist/storybook/assets/number-input.stories-52849ddb.js

@@ -0,0 +1,81 @@
+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 => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <NumberInput onChange={handleChange} value={123} {...args} />;
+}`,...(v=(i=l.parameters)==null?void 0:i.docs)==null?void 0:v.source}}};var h,C,A;a.parameters={...a.parameters,docs:{...(h=a.parameters)==null?void 0:h.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <NumberInput onChange={handleChange} value={123} {...args} />;
+}`,...(A=(C=a.parameters)==null?void 0:C.docs)==null?void 0:A.source}}};var I,b,E;n.parameters={...n.parameters,docs:{...(I=n.parameters)==null?void 0:I.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <NumberInput onChange={handleChange} value={123} {...args} />;
+}`,...(E=(b=n.parameters)==null?void 0:b.docs)==null?void 0:E.source}}};var _,S,N;t.parameters={...t.parameters,docs:{...(_=t.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <NumberInput onChange={handleChange} value={123} {...args} />;
+}`,...(N=(S=t.parameters)==null?void 0:S.docs)==null?void 0:N.source}}};var T,L,f;s.parameters={...s.parameters,docs:{...(T=s.parameters)==null?void 0:T.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <NumberInput onChange={handleChange} value={123} {...args} />;
+}`,...(f=(L=s.parameters)==null?void 0:L.docs)==null?void 0:f.source}}};var x,M,H;u.parameters={...u.parameters,docs:{...(x=u.parameters)==null?void 0:x.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <NumberInput onChange={handleChange} value={123} {...args} />;
+}`,...(H=(M=u.parameters)==null?void 0:M.docs)==null?void 0:H.source}}};var j,G,w;o.parameters={...o.parameters,docs:{...(j=o.parameters)==null?void 0:j.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <NumberInput onChange={handleChange} value={123} {...args} />;
+}`,...(w=(G=o.parameters)==null?void 0:G.docs)==null?void 0:w.source}}};var D,O,W;p.parameters={...p.parameters,docs:{...(D=p.parameters)==null?void 0:D.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <NumberInput onChange={handleChange} value={123} {...args} />;
+}`,...(W=(O=p.parameters)==null?void 0:O.docs)==null?void 0:W.source}}};var y,B,R;g.parameters={...g.parameters,docs:{...(y=g.parameters)==null?void 0:y.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <NumberInput onChange={handleChange} value={123} {...args} />;
+}`,...(R=(B=g.parameters)==null?void 0:B.docs)==null?void 0:R.source}}};var F,K,U;m.parameters={...m.parameters,docs:{...(F=m.parameters)==null?void 0:F.docs,source:{originalSource:`() => <InputGroup small>
+    <NumberInput value={123} />
+    <InputGroupAddon>to</InputGroupAddon>
+    <NumberInput value={123} />
+    <Select options={[{
+    value: 'units',
+    label: 'units'
+  }]} width="auto" value="units" />
+  </InputGroup>`,...(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};

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

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

package/dist/storybook/assets/option-dropdown.stories-755f2035.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-3e8ee8ec.js";import{c as A}from"./index-a80ed1cf.js";import{C as E}from"./check-box-24c24273.js";import{D as f}from"./divider-ad08aee5.js";import"./index-f80c8c95.js";import"./lodash-75c70a11.js";import"./disabled-context-d654f6ff.js";import"./button-9027cb35.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-6cfc6944.js";import"./inheritsLoose-d4851ab8.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-1615fbe5.js";import"./help-icon-6216ea0b.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"}],te={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 se=["Default","ScrollOverflow"];export{p as Default,l as ScrollOverflow,se as __namedExportsOrder,te as default};

package/dist/storybook/assets/option-dropdown.stories-a6ab189e.css

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

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

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

package/dist/storybook/assets/page-478952f1.css

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

package/dist/storybook/assets/page-6d07f774.js

@@ -0,0 +1 @@
+import{j as n}from"./jsx-runtime-f961835c.js";import{c as p}from"./index-a80ed1cf.js";const c="_page_beskc_1",d="_scroll_beskc_23",r={page:c,scroll:d},t=({children:a,left:s="var(--size-sidebar)",padding:e=!0,scroll:l=!0,top:o="var(--size-topbar)"})=>{const i=typeof e=="string"?e:e===!0?"var(--padding)":"0";return n.jsx("div",{className:p(r.page,l?r.scroll:""),style:{left:s,padding:i,top:o},children:a})};try{t.displayName="Page",t.__docgenInfo={description:"",displayName:"Page",props:{padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"boolean | TStringOrNumber"}},left:{defaultValue:{value:"var(--size-sidebar)"},description:"",name:"left",required:!1,type:{name:"TStringOrNumber"}},scroll:{defaultValue:{value:"true"},description:"",name:"scroll",required:!1,type:{name:"boolean"}},top:{defaultValue:{value:"var(--size-topbar)"},description:"",name:"top",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}export{t as P};

package/dist/storybook/assets/page.stories-0e0d1f65.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-f614e2f6.js";import{S as r}from"./side-bar-f7047e4a.js";import{H as t}from"./heading-5eb5ea78.js";import{L as D}from"./logo-8068ccfc.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./icon-6cfc6944.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./common-types-3a5f9d98.js";import"./button-9027cb35.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./actions-3e8ee8ec.js";import"./lodash-75c70a11.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-1615fbe5.js";import"./index-c7f280f6.js";import"./drawer-ec715a11.js";import"./help-icon-6216ea0b.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.",ue={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 le=["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,le as __namedExportsOrder,ue as default};

package/dist/storybook/assets/page.stories-dd8c1b35.css

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

package/dist/storybook/assets/pagination-0755df3d.js

@@ -0,0 +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};

package/dist/storybook/assets/pagination-94a8083b.css

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

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

@@ -0,0 +1,59 @@
+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:`() => {
+  const [selectedPage, setSelectedPage] = useState(1);
+  return <Pagination pagination={{
+    rowCount: 500,
+    selectedPage,
+    onSelectPage: evt => setSelectedPage(evt)
+  }} />;
+}`,...(c=(u=r.parameters)==null?void 0:u.docs)==null?void 0:c.source}}};var m,S,v;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`() => {
+  const [selectedPage, setSelectedPage] = useState(1);
+  const [rowsPerPage, setRowsPerPage] = useState(20);
+  return <Pagination pagination={{
+    rowCount: 500,
+    selectedPage,
+    rowsPerPage: {
+      onChange: evt => setRowsPerPage(Number(evt.target.value)),
+      options: [{
+        label: '10 / page',
+        value: 10
+      }, {
+        label: '20 / page',
+        value: 20
+      }, {
+        label: '50 / page',
+        value: 50
+      }, {
+        label: 'Show all',
+        value: 0
+      }],
+      value: rowsPerPage
+    },
+    onSelectPage: evt => setSelectedPage(evt)
+  }} />;
+}`,...(v=(S=s.parameters)==null?void 0:S.docs)==null?void 0:v.source}}};var d,w,b;l.parameters={...l.parameters,docs:{...(d=l.parameters)==null?void 0:d.docs,source:{originalSource:`() => {
+  const [selectedPage, setSelectedPage] = useState(1);
+  const [rowsPerPage, setRowsPerPage] = useState(20);
+  return <Pagination pagination={{
+    small: true,
+    rowCount: 500,
+    selectedPage,
+    rowsPerPage: {
+      onChange: evt => setRowsPerPage(Number(evt.target.value)),
+      options: [{
+        label: '10 / page',
+        value: 10
+      }, {
+        label: '20 / page',
+        value: 20
+      }, {
+        label: '50 / page',
+        value: 50
+      }, {
+        label: 'Show all',
+        value: 0
+      }],
+      value: rowsPerPage
+    },
+    onSelectPage: evt => setSelectedPage(evt)
+  }} />;
+}`,...(b=(w=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};

package/dist/storybook/assets/pop-confirm.stories-51b3d542.js

@@ -0,0 +1,7 @@
+import{j as t}from"./jsx-runtime-f961835c.js";import{P as E}from"./popover-64e44a17.js";import{B as i}from"./button-9027cb35.js";import{T as N}from"./text-ad1f5f1d.js";import{t as I}from"./toaster-62f4d5bd.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-6cfc6944.js";import"./inheritsLoose-d4851ab8.js";import"./types-a6c4038c.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()},Z={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 ee=["Default","Action","Placement"];export{a as Action,s as Default,n as Placement,ee as __namedExportsOrder,Z as default};

package/dist/storybook/assets/pop-confirm.stories-c9faec6b.css

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

package/dist/storybook/assets/popover-64e44a17.js

@@ -0,0 +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};

package/dist/storybook/assets/popover-a815efe8.css

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

package/dist/storybook/assets/popover.stories-60bc60d8.js

@@ -0,0 +1 @@
+import{j as r}from"./jsx-runtime-f961835c.js";import{P as C}from"./popover-64e44a17.js";import{I as S}from"./input-8db939f4.js";import{B as i}from"./button-9027cb35.js";import{F as P}from"./flex-47732c42.js";import{S as B}from"./select-b35e468b.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-6cfc6944.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"./badge-1615fbe5.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})]}),Y={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 Z=["Default","InputTrigger","CloseButton","Disabled"];export{s as CloseButton,a as Default,t as Disabled,o as InputTrigger,Z as __namedExportsOrder,Y as default};

package/dist/storybook/assets/portal-03fe4689.js

@@ -0,0 +1 @@
+import{r}from"./index-f80c8c95.js";import{r as c}from"./index-3d476d02.js";const o=({id:e,children:a})=>{const t=document.querySelector(`#${e}`),[s,n]=r.useState(!1);return r.useLayoutEffect(()=>{s||n(!0)},[e]),t?c.createPortal(a,t):null};try{o.displayName="Portal",o.__docgenInfo={description:"",displayName:"Portal",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}}}}}catch{}export{o as P};

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

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

package/dist/storybook/assets/preview-2de17a18.js

@@ -0,0 +1,151 @@
+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 }).
+
+`,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 }).
+
+`,3:`Passed an incorrect argument to a color function, please pass a string representation of a color.
+
+`,4:`Couldn't generate valid rgb string from %s, it returned %s.
+
+`,5:`Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.
+
+`,6:`Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }).
+
+`,7:`Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }).
+
+`,8:`Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.
+
+`,9:`Please provide a number of steps to the modularScale helper.
+
+`,10:`Please pass a number or one of the predefined scales to the modularScale helper as the ratio.
+
+`,11:`Invalid value passed as base to modularScale, expected number or em string but got "%s"
+
+`,12:`Expected a string ending in "px" or a number passed as the first argument to %s(), got "%s" instead.
+
+`,13:`Expected a string ending in "px" or a number passed as the second argument to %s(), got "%s" instead.
+
+`,14:`Passed invalid pixel value ("%s") to %s(), please pass a value like "12px" or 12.
+
+`,15:`Passed invalid base value ("%s") to %s(), please pass a value like "12px" or 12.
+
+`,16:`You must provide a template to this method.
+
+`,17:`You passed an unsupported selector state to this method.
+
+`,18:`minScreen and maxScreen must be provided as stringified numbers with the same units.
+
+`,19:`fromSize and toSize must be provided as stringified numbers with the same units.
+
+`,20:`expects either an array of objects or a single object with the properties prop, fromSize, and toSize.
+
+`,21:"expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\n\n",22:"expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\n\n",23:`fontFace expects a name of a font-family.
+
+`,24:`fontFace expects either the path to the font file(s) or a name of a local copy.
+
+`,25:`fontFace expects localFonts to be an array.
+
+`,26:`fontFace expects fileFormats to be an array.
+
+`,27:`radialGradient requries at least 2 color-stops to properly render.
+
+`,28:`Please supply a filename to retinaImage() as the first argument.
+
+`,29:`Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.
+
+`,30:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",31:`The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation
+
+`,32:`To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])
+To pass a single animation please supply them in simple values, e.g. animation('rotate', '2s')
+
+`,33:`The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation
+
+`,34:`borderRadius expects a radius value as a string or number as the second argument.
+
+`,35:`borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.
+
+`,36:`Property must be a string value.
+
+`,37:`Syntax Error at %s.
+
+`,38:`Formula contains a function that needs parentheses at %s.
+
+`,39:`Formula is missing closing parenthesis at %s.
+
+`,40:`Formula has too many closing parentheses at %s.
+
+`,41:`All values in a formula must have the same unit or be unitless.
+
+`,42:`Please provide a number of steps to the modularScale helper.
+
+`,43:`Please pass a number or one of the predefined scales to the modularScale helper as the ratio.
+
+`,44:`Invalid value passed as base to modularScale, expected number or em/rem string but got %s.
+
+`,45:`Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.
+
+`,46:`Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.
+
+`,47:`minScreen and maxScreen must be provided as stringified numbers with the same units.
+
+`,48:`fromSize and toSize must be provided as stringified numbers with the same units.
+
+`,49:`Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.
+
+`,50:`Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.
+
+`,51:`Expects the first argument object to have the properties prop, fromSize, and toSize.
+
+`,52:`fontFace expects either the path to the font file(s) or a name of a local copy.
+
+`,53:`fontFace expects localFonts to be an array.
+
+`,54:`fontFace expects fileFormats to be an array.
+
+`,55:`fontFace expects a name of a font-family.
+
+`,56:`linearGradient requries at least 2 color-stops to properly render.
+
+`,57:`radialGradient requries at least 2 color-stops to properly render.
+
+`,58:`Please supply a filename to retinaImage() as the first argument.
+
+`,59:`Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.
+
+`,60:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",61:`Property must be a string value.
+
+`,62:`borderRadius expects a radius value as a string or number as the second argument.
+
+`,63:`borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.
+
+`,64:`The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.
+
+`,65:`To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s').
+
+`,66:`The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.
+
+`,67:`You must provide a template to this method.
+
+`,68:`You passed an unsupported selector state to this method.
+
+`,69:`Expected a string ending in "px" or a number passed as the first argument to %s(), got %s instead.
+
+`,70:`Expected a string ending in "px" or a number passed as the second argument to %s(), got %s instead.
+
+`,71:`Passed invalid pixel value %s to %s(), please pass a value like "12px" or 12.
+
+`,72:`Passed invalid base value %s to %s(), please pass a value like "12px" or 12.
+
+`,73:`Please provide a valid CSS variable.
+
+`,74:`CSS variable not found and no default was provided.
+
+`,75:`important requires a valid style object, got a %s instead.
+
+`,76:`fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.
+
+`,77:`remToPx expects a value in "rem" but you provided it in "%s".
+
+`,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};

package/dist/storybook/assets/preview-4ecbbed2.js

@@ -0,0 +1 @@
+import{_ as e}from"./iframe-e34c70f8.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-NNNQARDV-5762b18d.js"),["./DocsRenderer-NNNQARDV-5762b18d.js","./chunk-HLWAVYOI-fe0f6432.js","./iframe-e34c70f8.js","./index-f80c8c95.js","./react-16-147b12fd.js","./index-3d476d02.js","./index-bcb9aa42.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-bed967c6.js

@@ -0,0 +1 @@
+var h="storybook/actions",D=`${h}/action-event`;let a;const b=new Uint8Array(16);function v(){if(!a&&(a=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!a))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return a(b)}const o=[];for(let t=0;t<256;++t)o.push((t+256).toString(16).slice(1));function x(t,e=0){return o[t[e+0]]+o[t[e+1]]+o[t[e+2]]+o[t[e+3]]+"-"+o[t[e+4]]+o[t[e+5]]+"-"+o[t[e+6]]+o[t[e+7]]+"-"+o[t[e+8]]+o[t[e+9]]+"-"+o[t[e+10]]+o[t[e+11]]+o[t[e+12]]+o[t[e+13]]+o[t[e+14]]+o[t[e+15]]}const A=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),d={randomUUID:A};function R(t,e,r){if(d.randomUUID&&!e&&!t)return d.randomUUID();t=t||{};const n=t.random||(t.rng||v)();if(n[6]=n[6]&15|64,n[8]=n[8]&63|128,e){r=r||0;for(let i=0;i<16;++i)e[r+i]=n[i];return e}return x(n)}const{addons:U}=__STORYBOOK_MODULE_PREVIEW_API__;var j={depth:10,clearOnStoryChange:!0,limit:50},l=(t,e)=>{let r=Object.getPrototypeOf(t);return!r||e(r)?r:l(r,e)},E=t=>!!(typeof t=="object"&&t&&l(t,e=>/^Synthetic(?:Base)?Event$/.test(e.constructor.name))&&typeof t.persist=="function"),I=t=>{if(E(t)){let e=Object.create(t.constructor.prototype,Object.getOwnPropertyDescriptors(t));e.persist();let r=Object.getOwnPropertyDescriptor(e,"view"),n=r==null?void 0:r.value;return typeof n=="object"&&(n==null?void 0:n.constructor.name)==="Window"&&Object.defineProperty(e,"view",{...r,value:Object.create(n.constructor.prototype)}),e}return t};function y(t,e={}){let r={...j,...e},n=function(...i){let c=U.getChannel(),p=R(),s=5,u=i.map(I),m=i.length>1?u:u[0],O={id:p,count:0,data:{name:t,args:m},options:{...r,maxDepth:s+(r.depth||3),allowFunction:r.allowFunction||!1}};c.emit(D,O)};return n.isAction=!0,n}var g=(t,e)=>typeof e[t]>"u"&&!(t in e),T=t=>{let{initialArgs:e,argTypes:r,parameters:{actions:n}}=t;if(!n||n.disable||!n.argTypesRegex||!r)return{};let i=new RegExp(n.argTypesRegex);return Object.entries(r).filter(([c])=>!!i.test(c)).reduce((c,[p,s])=>(g(p,e)&&(c[p]=y(p)),c),{})},w=t=>{let{initialArgs:e,argTypes:r,parameters:{actions:n}}=t;return n!=null&&n.disable||!r?{}:Object.entries(r).filter(([i,c])=>!!c.action).reduce((i,[c,p])=>(g(c,e)&&(i[c]=y(typeof p.action=="string"?p.action:c)),i),{})},_=[w,T];export{_ as argsEnhancers};