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

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

@@ -1,245 +0,0 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as E}from"./index-DhsZuJvc.js";import{T as A}from"./table-BSABGfWm.js";import{F as qe}from"./field-HrLaMLbx.js";import{B as _}from"./button-Cbv7WK6k.js";import{I as ze}from"./input-Db9WkmPP.js";import{F as Ge}from"./flex-EllkLxgO.js";import{t as Ye,a as Ze,b as $e,c as ea,d as aa,e as ra,f as sa,g as ta,h as na,i as la,j as oa,k as ia,l as Qe,m as pa,n as ca,o as da,p as ua,q as ma}from"./table.stories-data-C7mC5R8Q.js";import"./index-Bk2sglWO.js";import"./index.es-DazXb-ul.js";import"./inheritsLoose-DP0QEDDI.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./index-CUZDtIZe.js";import"./memoize-one.esm-CcMeOnPo.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./lodash-c4VUpsOs.js";import"./actions-Bax0KeqM.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./tooltip-1V7clEnw.js";import"./icon-BSFY3vDO.js";import"./index-CEuq6vkz.js";import"./types-BmbYqTX_.js";import"./types-Dx2TtIG9.js";import"./badge-CLQ59MDF.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";import"./pagination-CR1nxnnq.js";import"./select-Cwks-WA0.js";import"./enum-Bnn40S8Q.js";import"./assertThisInitialized-B9jnkVVz.js";import"./text-B3-TSWok.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./number-input-B3_gmeWr.js";import"./index-C0x1JmaP.js";import"./index-DRSy5Ssd.js";import"./check-box-DPLaOkRR.js";import"./slider-DxaD8LU4.js";import"./index-BI4_Bp97.js";import"./popover-C_2P8LFJ.js";import"./label-CqmyC9he.js";import"./spinner-AWUe4xwQ.js";const or={title:"Basic/Table/Cell",component:A,args:{table:{...Ye}}},a=s=>e.jsx(A,{...s}),m=a.bind({});m.args={table:Ze};const b=a.bind({});b.args={table:$e};const g=a.bind({});g.args={table:ea};const v=a.bind({});v.args={table:aa};const x=a.bind({});x.args={table:ra};const h=a.bind({});h.args={table:sa};const C=a.bind({});C.args={table:ta};const S=a.bind({});S.args={table:na};const f=a.bind({});f.args={table:la};const y=a.bind({});y.args={table:oa};const j=a.bind({});j.args={table:ia};const T=a.bind({});T.args={table:Qe};const P=a.bind({});P.args={table:pa};const k=a.bind({});k.args={table:ca};const O=a.bind({});O.args={table:da};const i=a.bind({});i.args={table:ua};i.parameters={docs:{description:{story:"Setting `breakWord: true` on a cell will allow very long text strings to break"}}};const w=()=>{const s=["Section","Width","Height"];let n=["","m","m"],c=[...Array(10).keys()].map((o,r)=>[r,r*2,r*2]);const d=()=>{const o=({close:t,value:U})=>e.jsxs(e.Fragment,{children:[e.jsx(qe,{label:"Input",children:e.jsx(ze,{value:U,width:"100%"})}),e.jsxs(Ge,{gap:!0,children:[e.jsx(_,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(_,{label:"Cancel",onClick:t})]})]}),r={fixedWidth:"100%",headers:[{cells:s.map(t=>({value:t}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:n[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:n[2],type:"Unit"}]}],rows:c.map((t,U)=>({cells:[...Array(3).keys()].map((l,u)=>({value:t[u],type:"Popover",content:e.jsx(o,{value:t[u]})}))}))};return e.jsx(A,{table:r})};return e.jsx(d,{})},I=()=>{const s=["Section","Width","Height"];let n=["","m","m"],c=[...Array(10).keys()].map((o,r)=>[r,r*2,r*2]);const d=()=>{const[o,r]=E.useState(!1),t=({close:l,value:u})=>{E.useEffect(()=>{o||r(!0)},[]);const B=()=>{r(!1),l()};return e.jsxs(e.Fragment,{children:[e.jsx(qe,{label:"Input",children:e.jsx(ze,{value:u,width:"100%"})}),e.jsxs(Ge,{gap:!0,children:[e.jsx(_,{colored:!0,label:"Save",onClick:B}),e.jsx(_,{label:"Cancel",onClick:B})]})]})},U={headers:[{cells:s.map(l=>({value:l}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:n[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:n[2],type:"Unit"}]}],rows:c.map((l,u)=>({cells:[...Array(3).keys()].map((B,M)=>({value:l[M],type:"Popover",disabled:o,closeOnOutsideClick:!1,content:e.jsx(t,{value:l[M]})}))}))};return e.jsx(A,{table:U})};return e.jsx(d,{})},F=a.bind({});F.args={table:ma};const p=a.bind({});p.args={table:{...Qe,name:"Food"}};p.decorators=[s=>e.jsx("div",{style:{width:180,height:180,overflow:"hidden",resize:"both"},children:e.jsx(s,{})})];const W=()=>{const[s,n]=E.useState([]),c={fixedWidth:"auto",headers:[{cells:[{value:"Countries"}]}],rows:[{cells:[{type:"Select",width:"240px",multi:!0,options:[{label:"France",value:"France"},{label:"Poland",value:"Poland"},{label:"United Kingdom",value:"United Kingdom"},{label:"Vietnam",value:"Vietnam"}],value:s,onChange:d=>n(d.target.value)}]}]};return e.jsx(A,{table:c})};w.__docgenInfo={description:"",methods:[],displayName:"Popover"};I.__docgenInfo={description:"",methods:[],displayName:"SinglePopoverAtOnce"};W.__docgenInfo={description:"",methods:[],displayName:"Multiselect"};var V,D,L;m.parameters={...m.parameters,docs:{...(V=m.parameters)==null?void 0:V.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(L=(D=m.parameters)==null?void 0:D.docs)==null?void 0:L.source}}};var R,H,K;b.parameters={...b.parameters,docs:{...(R=b.parameters)==null?void 0:R.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(K=(H=b.parameters)==null?void 0:H.docs)==null?void 0:K.source}}};var J,N,X;g.parameters={...g.parameters,docs:{...(J=g.parameters)==null?void 0:J.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(X=(N=g.parameters)==null?void 0:N.docs)==null?void 0:X.source}}};var q,z,G;v.parameters={...v.parameters,docs:{...(q=v.parameters)==null?void 0:q.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(G=(z=v.parameters)==null?void 0:z.docs)==null?void 0:G.source}}};var Q,Y,Z;x.parameters={...x.parameters,docs:{...(Q=x.parameters)==null?void 0:Q.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(Z=(Y=x.parameters)==null?void 0:Y.docs)==null?void 0:Z.source}}};var $,ee,ae;h.parameters={...h.parameters,docs:{...($=h.parameters)==null?void 0:$.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(ae=(ee=h.parameters)==null?void 0:ee.docs)==null?void 0:ae.source}}};var re,se,te;C.parameters={...C.parameters,docs:{...(re=C.parameters)==null?void 0:re.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(te=(se=C.parameters)==null?void 0:se.docs)==null?void 0:te.source}}};var ne,le,oe;S.parameters={...S.parameters,docs:{...(ne=S.parameters)==null?void 0:ne.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(oe=(le=S.parameters)==null?void 0:le.docs)==null?void 0:oe.source}}};var ie,pe,ce;f.parameters={...f.parameters,docs:{...(ie=f.parameters)==null?void 0:ie.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(ce=(pe=f.parameters)==null?void 0:pe.docs)==null?void 0:ce.source}}};var de,ue,me;y.parameters={...y.parameters,docs:{...(de=y.parameters)==null?void 0:de.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(me=(ue=y.parameters)==null?void 0:ue.docs)==null?void 0:me.source}}};var be,ge,ve;j.parameters={...j.parameters,docs:{...(be=j.parameters)==null?void 0:be.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(ve=(ge=j.parameters)==null?void 0:ge.docs)==null?void 0:ve.source}}};var xe,he,Ce;T.parameters={...T.parameters,docs:{...(xe=T.parameters)==null?void 0:xe.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(Ce=(he=T.parameters)==null?void 0:he.docs)==null?void 0:Ce.source}}};var Se,fe,ye;P.parameters={...P.parameters,docs:{...(Se=P.parameters)==null?void 0:Se.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(ye=(fe=P.parameters)==null?void 0:fe.docs)==null?void 0:ye.source}}};var je,Te,Pe;k.parameters={...k.parameters,docs:{...(je=k.parameters)==null?void 0:je.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(Pe=(Te=k.parameters)==null?void 0:Te.docs)==null?void 0:Pe.source}}};var ke,Oe,we;O.parameters={...O.parameters,docs:{...(ke=O.parameters)==null?void 0:ke.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(we=(Oe=O.parameters)==null?void 0:Oe.docs)==null?void 0:we.source}}};var Ie,Fe,We;i.parameters={...i.parameters,docs:{...(Ie=i.parameters)==null?void 0:Ie.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(We=(Fe=i.parameters)==null?void 0:Fe.docs)==null?void 0:We.source}}};var Ae,Ue,_e;w.parameters={...w.parameters,docs:{...(Ae=w.parameters)==null?void 0:Ae.docs,source:{originalSource:`() => {
-  const headings = ['Section', 'Width', 'Height'];
-  let units = ['', 'm', 'm'];
-  let data = [...Array(10).keys()].map((c, i) => [i, i * 2, i * 2]);
-  /*
-      Mock table data store (real apps should use Redux or similar)
-    */
-  const PopoverTable = () => {
-    const CellInputForm = ({
-      close,
-      value
-    }: any) => <>
-        <Field label="Input">
-          <Input value={value} width="100%" />
-        </Field>
-        <Flex gap>
-          <Button colored label="Save" onClick={() => {}} />
-          <Button label="Cancel" onClick={close} />
-        </Flex>
-      </>;
-    const table = {
-      fixedWidth: '100%',
-      headers: [{
-        cells: headings.map(h => ({
-          value: h
-        }))
-      }, {
-        cells: [{}, {
-          menu: [{
-            label: 'm',
-            value: 'm'
-          }, {
-            label: 'ft',
-            value: 'ft'
-          }],
-          value: units[1],
-          type: 'Unit'
-        }, {
-          menu: [{
-            label: 'm',
-            value: 'm'
-          }, {
-            label: 'ft',
-            value: 'ft'
-          }],
-          value: units[2],
-          type: 'Unit'
-        }]
-      }],
-      rows: data.map((row, i) => {
-        return {
-          cells: [...Array(3).keys()].map((c, i) => ({
-            //https://stackoverflow.com/a/33352604
-            value: row[i],
-            type: 'Popover',
-            content: <CellInputForm value={row[i]} />
-          }))
-        };
-      })
-    };
-    return <Table table={(table as any)} />;
-  };
-  return <PopoverTable />;
-}`,...(_e=(Ue=w.parameters)==null?void 0:Ue.docs)==null?void 0:_e.source}}};var Be,Ee,Me;I.parameters={...I.parameters,docs:{...(Be=I.parameters)==null?void 0:Be.docs,source:{originalSource:`() => {
-  const headings = ['Section', 'Width', 'Height'];
-  let units = ['', 'm', 'm'];
-  let data = [...Array(10).keys()].map((c, i) => [i, i * 2, i * 2]);
-  /*
-    Mock table data store (real apps should use Redux or similar)
-  */
-  const SinglePopoverOpenedTable = () => {
-    const [isPopOverCellOpened, setIsPopOverCellOpened] = useState(false);
-    const CellInputForm = ({
-      close,
-      value
-    }: any) => {
-      useEffect(() => {
-        if (!isPopOverCellOpened) {
-          setIsPopOverCellOpened(true);
-        }
-      }, []);
-      const onClosePopOver = () => {
-        setIsPopOverCellOpened(false);
-        close();
-      };
-      return <>
-          <Field label="Input">
-            <Input value={value} width="100%" />
-          </Field>
-          <Flex gap>
-            <Button colored label="Save" onClick={onClosePopOver} />
-            <Button label="Cancel" onClick={onClosePopOver} />
-          </Flex>
-        </>;
-    };
-    const table = {
-      headers: [{
-        cells: headings.map(h => ({
-          value: h
-        }))
-      }, {
-        cells: [{}, {
-          menu: [{
-            label: 'm',
-            value: 'm'
-          }, {
-            label: 'ft',
-            value: 'ft'
-          }],
-          value: units[1],
-          type: 'Unit'
-        }, {
-          menu: [{
-            label: 'm',
-            value: 'm'
-          }, {
-            label: 'ft',
-            value: 'ft'
-          }],
-          value: units[2],
-          type: 'Unit'
-        }]
-      }],
-      rows: data.map((row, i) => {
-        return {
-          cells: [...Array(3).keys()].map((c, i) => ({
-            //https://stackoverflow.com/a/33352604
-            value: row[i],
-            type: 'Popover',
-            disabled: isPopOverCellOpened,
-            closeOnOutsideClick: false,
-            content: <CellInputForm value={row[i]} />
-          }))
-        };
-      })
-    };
-    return <Table table={(table as any)} />;
-  };
-  return <SinglePopoverOpenedTable />;
-}`,...(Me=(Ee=I.parameters)==null?void 0:Ee.docs)==null?void 0:Me.source}}};var Ve,De,Le;F.parameters={...F.parameters,docs:{...(Ve=F.parameters)==null?void 0:Ve.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(Le=(De=F.parameters)==null?void 0:De.docs)==null?void 0:Le.source}}};var Re,He,Ke;p.parameters={...p.parameters,docs:{...(Re=p.parameters)==null?void 0:Re.docs,source:{originalSource:`args => {
-  return <Table
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} />;
-}`,...(Ke=(He=p.parameters)==null?void 0:He.docs)==null?void 0:Ke.source}}};var Je,Ne,Xe;W.parameters={...W.parameters,docs:{...(Je=W.parameters)==null?void 0:Je.docs,source:{originalSource:`() => {
-  const [value, setValue] = useState([]);
-  const table = {
-    fixedWidth: 'auto',
-    headers: [{
-      cells: [{
-        value: 'Countries'
-      }]
-    }],
-    rows: [{
-      cells: [{
-        type: 'Select',
-        width: '240px',
-        multi: true,
-        options: [{
-          label: 'France',
-          value: 'France'
-        }, {
-          label: 'Poland',
-          value: 'Poland'
-        }, {
-          label: 'United Kingdom',
-          value: 'United Kingdom'
-        }, {
-          label: 'Vietnam',
-          value: 'Vietnam'
-        }],
-        value,
-        onChange: (event: any) => setValue(event.target.value)
-      }]
-    }]
-  };
-  return <Table table={table} />;
-}`,...(Xe=(Ne=W.parameters)==null?void 0:Ne.docs)==null?void 0:Xe.source}}};const ir=["Editable","Disabled","DateInput","Colspan","ColspanWithWidths","CellWidths","CellStyleProp","Rowspan","Checkboxes","Icons","Links","Actions","Menus","JSXContent","StaticCellTooltips","WordbreakLongContent","Popover","SinglePopoverAtOnce","OverflowingCells","TestScrolling","Multiselect"];export{T as Actions,C as CellStyleProp,h as CellWidths,f as Checkboxes,v as Colspan,x as ColspanWithWidths,g as DateInput,b as Disabled,m as Editable,y as Icons,k as JSXContent,j as Links,P as Menus,W as Multiselect,F as OverflowingCells,w as Popover,S as Rowspan,I as SinglePopoverAtOnce,O as StaticCellTooltips,p as TestScrolling,i as WordbreakLongContent,ir as __namedExportsOrder,or as default};

package/dist/storybook/assets/check-box-CV-zd_I_.css

@@ -1 +0,0 @@
-._checkbox_1ybyr_1{--size-checkbox: var(--size-xs);margin:calc((var(--size) - var(--size-checkbox)) / 2) 0;position:relative;display:flex;align-items:center;gap:var(--padding-xxs);backface-visibility:hidden;vertical-align:baseline;font-style:normal;min-height:var(--size-checkbox);font-size:inherit;line-height:var(--size-checkbox);min-width:var(--size-checkbox);outline:0px}._checkbox_1ybyr_1._noLabel_1ybyr_17{width:var(--size-checkbox)}._checkbox_1ybyr_1._small_1ybyr_20{--size-checkbox: calc(var(--size-xs) - 4px);margin:calc((var(--size-sm) - var(--size-checkbox)) / 2) 0;font-size:var(--font-size-sm)}._checkbox_1ybyr_1 input{cursor:pointer;position:absolute;top:0;left:0;opacity:0!important;outline:0px;z-index:-1}._checkbox_1ybyr_1 label{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-text);transition:color .1s ease 0s;display:block;padding-left:calc(var(--size-checkbox) + var(--padding-xs));outline:0px}._checkbox_1ybyr_1 label ._checkmark_1ybyr_43{position:absolute;top:0;left:0;width:var(--size-checkbox);height:var(--size-checkbox);font-size:var(--size-checkbox);display:inline-flex;align-items:center;justify-content:center;background:var(--color-background-button-default);border-radius:var(--border-radius-sm);transition:border .1s ease 0s,opacity .1s ease 0s,transform .1s ease 0s,box-shadow .1s ease 0s;border:1px solid var(--color-border-checkbox);color:transparent}._checkbox_1ybyr_1 label ._checkmark_1ybyr_43:hover{border-color:var(--color-border-hover)}._checkbox_1ybyr_1 input:checked~label ._checkmark_1ybyr_43{background:var(--color-background-primary);border-color:transparent;color:#fff}._checkbox_1ybyr_1._disabled_1ybyr_67{cursor:default;pointer-events:none}._checkbox_1ybyr_1._disabled_1ybyr_67 label{color:var(--color-text-faint)}._checkbox_1ybyr_1._disabled_1ybyr_67 ._checkmark_1ybyr_43{background:var(--color-background-disabled)!important;border-color:var(--color-border-checkbox)!important}._checkbox_1ybyr_1._disabled_1ybyr_67 input:checked~label ._checkmark_1ybyr_43{color:var(--color-text-faint)}._noMargin_1ybyr_81,._isInTable_1ybyr_84{margin:0}._helpIconEnabled_1ybyr_87{pointer-events:auto}

package/dist/storybook/assets/check-box-DPLaOkRR.js

@@ -1,13 +0,0 @@
-import{j as a}from"./jsx-runtime-eps93zm2.js";import{r as h}from"./index-DhsZuJvc.js";import{c as k}from"./index-Bk2sglWO.js";import{I as x}from"./common-types-Sih75Sav.js";import{D as _}from"./disabled-context-rmpd7YJS.js";import{H as q}from"./help-icon-Buhx5nl6.js";import{I}from"./icon-BSFY3vDO.js";const C="_checkbox_1ybyr_1",j="_noLabel_1ybyr_17",w="_small_1ybyr_20",E="_checkmark_1ybyr_43",L="_disabled_1ybyr_67",V="_noMargin_1ybyr_81",F="_isInTable_1ybyr_84",M="_helpIconEnabled_1ybyr_87",e={checkbox:C,noLabel:j,small:w,checkmark:E,disabled:L,noMargin:V,isInTable:F,helpIconEnabled:M},H=({noMargin:d=!1,dataix:m=0,isInTable:c=!1,tabIndex:p=0,checked:n=!1,name:s,label:r="",disabled:y=!1,small:f=!1,onChange:b,testId:g,value:N,helpText:i,onClickHelp:o})=>{const v=h.useContext(_),T=i||o,t=y||v;return a.jsxs("div",{className:k(e.checkbox,d&&e.noMargin,c&&e.isInTable,t&&e.disabled,f&&e.small,!r&&e.noLabel),"data-ix":m,onClick:u=>{if(!t){const l=u.target;l.name=s,l.value=!n,l.checked=!n,b(u)}},"data-testid":g,children:[a.jsx("input",{type:"checkbox",tabIndex:p,checked:n,name:s,onChange:()=>{},disabled:t}),a.jsxs("label",{htmlFor:s,children:[a.jsx("span",{className:e.checkmark,children:a.jsx(I,{icon:x.CHECK})}),r]}),T&&a.jsx("div",{className:e.helpIconEnabled,onClick:o,children:a.jsx(q,{text:i})})]})};H.__docgenInfo={description:"",methods:[],displayName:"CheckBox",props:{checked:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},isInTable:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},label:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"",defaultValue:{value:"''",computed:!1}},name:{required:!1,tsType:{name:"string"},description:""},noMargin:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:`(
-  event: TChangeEvent<T>,
-  ...additionalProps: { [key: string]: any }[]
-) => void`,signature:{arguments:[{type:{name:"intersection",raw:`ChangeEvent<T> & {
-  target:
-    | T
-    | { name: string; value: any; label?: string; files?: FileList | null };
-}`,elements:[{name:"ChangeEvent",elements:[{name:"T"}],raw:"ChangeEvent<T>"},{name:"signature",type:"object",raw:`{
-  target:
-    | T
-    | { name: string; value: any; label?: string; files?: FileList | null };
-}`,signature:{properties:[{key:"target",value:{name:"union",raw:`| T
-| { name: string; value: any; label?: string; files?: FileList | null }`,elements:[{name:"T"},{name:"signature",type:"object",raw:"{ name: string; value: any; label?: string; files?: FileList | null }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"value",value:{name:"any",required:!0}},{key:"label",value:{name:"string",required:!1}},{key:"files",value:{name:"union",raw:"FileList | null",elements:[{name:"FileList"},{name:"null"}],required:!1}}]}}],required:!0}}]}}]},name:"event"},{type:{name:"Array",elements:[{name:"signature",type:"object",raw:"{ [key: string]: any }",signature:{properties:[{key:{name:"string"},value:{name:"any",required:!0}}]}}],raw:"{ [key: string]: any }[]"},name:"additionalProps",rest:!0}],return:{name:"void"}}},description:""},tabIndex:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},testId:{required:!1,tsType:{name:"string"},description:""},dataix:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},value:{required:!1,tsType:{name:"string"},description:""},helpText:{required:!1,tsType:{name:"string"},description:""},onClickHelp:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};export{H as C};

package/dist/storybook/assets/check-box.stories-BJ0ShmeC.js

@@ -1,97 +0,0 @@
-import{j as M}from"./jsx-runtime-eps93zm2.js";import{C as I}from"./check-box-DPLaOkRR.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./help-icon-Buhx5nl6.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";const{useArgs:U}=__STORYBOOK_MODULE_PREVIEW_API__,$={title:"Forms/CheckBox",component:I,args:{disabled:!1,label:"Label"}},e=L=>{const[{checked:P},F]=U(),K=()=>{F({checked:!P})};return M.jsx(I,{...L,onChange:K})},d=e.bind({}),n=e.bind({});n.args={small:!0};const s=e.bind({});s.args={disabled:!0};const r=e.bind({});r.args={checked:!0,disabled:!0};const a=e.bind({});a.args={label:null};const c=e.bind({});c.args={helpText:"Help text"};const t=e.bind({});t.args={onClickHelp:()=>console.log("Help clicked")};const o=e.bind({});o.args={helpText:"Help text",disabled:!0};var p,l,g;d.parameters={...d.parameters,docs:{...(p=d.parameters)==null?void 0:p.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <CheckBox
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(g=(l=d.parameters)==null?void 0:l.docs)==null?void 0:g.source}}};var i,h,u;n.parameters={...n.parameters,docs:{...(i=n.parameters)==null?void 0:i.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <CheckBox
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(u=(h=n.parameters)==null?void 0:h.docs)==null?void 0:u.source}}};var m,k,C;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <CheckBox
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(C=(k=s.parameters)==null?void 0:k.docs)==null?void 0:C.source}}};var x,b,A;r.parameters={...r.parameters,docs:{...(x=r.parameters)==null?void 0:x.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <CheckBox
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(A=(b=r.parameters)==null?void 0:b.docs)==null?void 0:A.source}}};var S,B,j;a.parameters={...a.parameters,docs:{...(S=a.parameters)==null?void 0:S.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <CheckBox
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(j=(B=a.parameters)==null?void 0:B.docs)==null?void 0:j.source}}};var H,_,D;c.parameters={...c.parameters,docs:{...(H=c.parameters)==null?void 0:H.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <CheckBox
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(D=(_=c.parameters)==null?void 0:_.docs)==null?void 0:D.source}}};var T,O,f;t.parameters={...t.parameters,docs:{...(T=t.parameters)==null?void 0:T.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <CheckBox
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(f=(O=t.parameters)==null?void 0:O.docs)==null?void 0:f.source}}};var E,R,W;o.parameters={...o.parameters,docs:{...(E=o.parameters)==null?void 0:E.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <CheckBox
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(W=(R=o.parameters)==null?void 0:R.docs)==null?void 0:W.source}}};const ee=["Default","Small","Disabled","DisabledChecked","Standalone","HelpText","OnClickHelp","DisabledWithHelpText"];export{d as Default,s as Disabled,r as DisabledChecked,o as DisabledWithHelpText,c as HelpText,t as OnClickHelp,n as Small,a as Standalone,ee as __namedExportsOrder,$ as default};

package/dist/storybook/assets/check-box.test-case.stories-CzuYZkUh.js

@@ -1,30 +0,0 @@
-import{j as y}from"./jsx-runtime-eps93zm2.js";import{R as T}from"./index-DhsZuJvc.js";import{w as B,u as l,e as d}from"./index-DMAnyMX5.js";import{C as i}from"./check-box-DPLaOkRR.js";import"./index-CF7H4eMJ.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./help-icon-Buhx5nl6.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";const{useArgs:_}=__STORYBOOK_MODULE_PREVIEW_API__,F={title:"Forms/CheckBox/Test Cases",component:i,args:{disabled:!1,label:"Label"},tags:["!autodocs"]},S=s=>{const[{checked:a},e]=_(),t=()=>{e({checked:!a})};return y.jsx(i,{...s,onChange:t})},o=()=>{const[s,a]=T.useState([]);return["1","2","3","4"].map(e=>y.jsx(i,{label:`Label ${e}`,checked:s.includes(e),onChange:()=>{a(t=>t.includes(e)?t.filter(r=>r!==e):[...t,e])}},e))},n=S.bind({});n.args={testId:"testId"};n.play=async({canvasElement:s,step:a})=>{const e=B(s);await a("Clicking checkbox should toggle it",async()=>{const t=e.getByTestId("testId"),r=t.querySelector("input");await l.click(t),await d(r).toBeChecked(),await l.click(t),await d(r).not.toBeChecked()})};const c=S.bind({});c.args={testId:"testId",disabled:!0};c.play=async({canvasElement:s,step:a})=>{const e=B(s);await a("Clicking disabled checkbox shouldn't toggle it",async()=>{const t=e.getByTestId("testId");await t.click(),await d(t.querySelector("input")).not.toBeChecked()})};var p,u,g;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
-  const [selected, setSelected] = React.useState<string[]>([]);
-  return ['1', '2', '3', '4'].map(i => <CheckBox key={i} label={\`Label \${i}\`} checked={selected.includes(i)} onChange={() => {
-    setSelected(prev => prev.includes(i) ? prev.filter(x => x !== i) : [...prev, i]);
-  }} />);
-}`,...(g=(u=o.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};var m,h,k;n.parameters={...n.parameters,docs:{...(m=n.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <CheckBox
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(k=(h=n.parameters)==null?void 0:h.docs)==null?void 0:k.source}}};var C,x,b;c.parameters={...c.parameters,docs:{...(C=c.parameters)==null?void 0:C.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <CheckBox
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(b=(x=c.parameters)==null?void 0:x.docs)==null?void 0:b.source}}};const M=["TestKeys","Test","TestDisabled"];export{n as Test,c as TestDisabled,o as TestKeys,M as __namedExportsOrder,F as default};

package/dist/storybook/assets/chunk-HLWAVYOI-KJoVz4w2.js

@@ -1,2 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-BcNHZKhG.js","./index-DhsZuJvc.js"])))=>i.map(i=>d[i]);
-import{_ as i}from"./iframe-zFwPc0wJ.js";import{R as t,r as p}from"./index-DhsZuJvc.js";import{r as u,u as l}from"./react-16-DXAfArL2.js";import{a0 as h,a1 as d,a2 as E,a3 as x}from"./index-D6O8EiV-.js";var D={code:h,a:d,...E},_=class extends p.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:r}=this.props;r(e)}render(){let{hasError:e}=this.state,{children:r}=this.props;return e?null:t.createElement(t.Fragment,null,r)}},y=class{constructor(){this.render=async(e,r,n)=>{let s={...D,...r==null?void 0:r.components},a=x;return new Promise((c,m)=>{i(async()=>{const{MDXProvider:o}=await import("./index-BcNHZKhG.js");return{MDXProvider:o}},__vite__mapDeps([0,1]),import.meta.url).then(({MDXProvider:o})=>u(t.createElement(_,{showException:m,key:Math.random()},t.createElement(o,{components:s},t.createElement(a,{context:e,docsParameter:r}))),n)).then(()=>c())})},this.unmount=e=>{l(e)}}};export{y as D,D as d};

package/dist/storybook/assets/color-fa-nGnuH.js

@@ -1,25 +0,0 @@
-import{j as o}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as l}from"./index-BcNHZKhG.js";import"./chunk-HLWAVYOI-KJoVz4w2.js";import{Z as d}from"./index-D6O8EiV-.js";import{r as m}from"./index-DhsZuJvc.js";import{T as p}from"./toaster-7wnI6hqB.js";import"./message-BRyKdRaX.js";import{t as x}from"./toaster-O8ftrUAJ.js";import"./iframe-zFwPc0wJ.js";import"../sb-preview/runtime.js";import"./react-16-DXAfArL2.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";const h=["--color-text","--color-text-muted","--color-text-faint","--color-text-error","--color-text-warning","--color-text-success","--color-text-info","--color-text-primary","--color-text-primary-hover","--color-text-primary-active"],u=["--color-background","--color-background-raised","--color-background-primary","--color-background-info","--color-background-warning","--color-background-success","--color-background-error"],g=["--color-border","--color-border-error","--color-border-warning","--color-border-focus"],t=[50,100,150,200,250,300,350,400,450,500,550,600,650,700,750,800,850,900,950],j=t.map(r=>`--color-neutral-${r}`),b=t.map(r=>`--color-primary-${r}`),f=t.map(r=>`--color-error-${r}`),y=t.map(r=>`--color-warning-${r}`),C=t.map(r=>`--color-success-${r}`),k=t.map(r=>`--color-info-${r}`),s=({colors:r})=>o.jsx("div",{style:{display:"grid",gridTemplateColumns:"auto 1fr auto 1fr",gap:20,alignItems:"center"},children:r.map((n,a)=>{const c=`var(${n})`,e=()=>{navigator.clipboard.writeText(c),x({message:{type:"Success",content:"Copied to clipboard"}})};return o.jsxs(m.Fragment,{children:[o.jsx("div",{style:{padding:"var(--padding)",backgroundColor:c,border:"1px solid rgba(0,0,0,0.1)"},onClick:e}),o.jsx("code",{onClick:e,children:c})]},a)})});s.__docgenInfo={description:"",methods:[],displayName:"ColorPalette",props:{colors:{required:!0,tsType:{name:"Array",elements:[{name:"string"}],raw:"string[]"},description:""}}};function i(r){const n={h1:"h1",h2:"h2",h3:"h3",p:"p",strong:"strong",...l(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(d,{title:"Colors"}),`
-`,o.jsx(n.h1,{id:"colors",children:"Colors"}),`
-`,o.jsx(n.p,{children:"When setting colors (either by component props or in custom styling), prefer named CSS variables to literal color values."}),`
-`,o.jsx(n.p,{children:o.jsx(n.strong,{children:"Click on a color below to copy the variable name to the clipboard."})}),`
-`,o.jsx(n.h2,{id:"named-colors",children:"Named colors"}),`
-`,o.jsx(n.h3,{id:"text",children:"Text"}),`
-`,o.jsx(s,{colors:h}),`
-`,o.jsx(n.h3,{id:"backgrounds",children:"Backgrounds"}),`
-`,o.jsx(s,{colors:u}),`
-`,o.jsx(n.h3,{id:"borders",children:"Borders"}),`
-`,o.jsx(s,{colors:g}),`
-`,o.jsx(n.h2,{id:"base-colors",children:"Base colors"}),`
-`,o.jsx(n.h3,{id:"neutral",children:"Neutral"}),`
-`,o.jsx(s,{colors:j}),`
-`,o.jsx(n.h3,{id:"primary",children:"Primary"}),`
-`,o.jsx(s,{colors:b}),`
-`,o.jsx(n.h3,{id:"error",children:"Error"}),`
-`,o.jsx(s,{colors:f}),`
-`,o.jsx(n.h3,{id:"warning",children:"Warning"}),`
-`,o.jsx(s,{colors:y}),`
-`,o.jsx(n.h3,{id:"success",children:"Success"}),`
-`,o.jsx(s,{colors:C}),`
-`,o.jsx(n.h3,{id:"info",children:"Info"}),`
-`,o.jsx(s,{colors:k}),`
-`,o.jsx(p,{})]})}function Z(r={}){const{wrapper:n}={...l(),...r.components};return n?o.jsx(n,{...r,children:o.jsx(i,{...r})}):i(r)}export{Z as default};

package/dist/storybook/assets/column.stories-DDTHFELF.js

@@ -1,88 +0,0 @@
-import{j as r}from"./jsx-runtime-eps93zm2.js";import{C as i,R as _}from"./row-Bmiy2Lh0.js";import{H as m}from"./heading-CRNoBc7q.js";import"./index-DhsZuJvc.js";import"./styled-components.browser.esm-BQ9GQzDc.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./help-icon-Buhx5nl6.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";const Z={title:"Layout/Columns & Rows",component:i,parameters:{layout:"fullscreen"},args:{width:"50%",padding:!0,borderRight:!0},argTypes:{width:{control:{type:"text"}},padding:{control:{type:"text"}},borderLeft:{control:{type:"boolean"}},borderRight:{control:{type:"boolean"}}}},e=W=>{const{height:D,wrap:F,...L}=W;return r.jsxs(_,{spacing:0,height:D,wrap:F,children:[r.jsxs(i,{...L,children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]}),r.jsx(i,{padding:!0,background:"var(--color-background)"})]})},c=e.bind({}),o=e.bind({});o.args={padding:!1};const a=e.bind({});a.args={width:"400px"};const n=e.bind({});n.args={scroll:!0,height:"200px"};const s=e.bind({});s.args={scroll:!0,showScrollbar:!1,height:"200px"};const t=e.bind({});t.args={wrap:!0,widthTablet:"50%",widthMobile:"100%",borderRight:!1};const p=()=>r.jsxs(_,{spacing:100,children:[r.jsxs(i,{children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]}),r.jsxs(i,{children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]})]});p.__docgenInfo={description:"",methods:[],displayName:"TestNumberSpacing"};var g,l,u;c.parameters={...c.parameters,docs:{...(g=c.parameters)==null?void 0:g.docs,source:{originalSource:`args => {
-  const {
-    height,
-    wrap,
-    ...columnArgs
-  } = args;
-  return <Row spacing={0} height={height} wrap={wrap}>
-      <Column {...columnArgs}>
-        <Heading top>Column</Heading>
-        {'Example content goes here lorem ipsum. '.repeat(20)}
-      </Column>
-      <Column padding background="var(--color-background)" />
-    </Row>;
-}`,...(u=(l=c.parameters)==null?void 0:l.docs)==null?void 0:u.source}}};var d,h,w;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`args => {
-  const {
-    height,
-    wrap,
-    ...columnArgs
-  } = args;
-  return <Row spacing={0} height={height} wrap={wrap}>
-      <Column {...columnArgs}>
-        <Heading top>Column</Heading>
-        {'Example content goes here lorem ipsum. '.repeat(20)}
-      </Column>
-      <Column padding background="var(--color-background)" />
-    </Row>;
-}`,...(w=(h=o.parameters)==null?void 0:h.docs)==null?void 0:w.source}}};var C,b,x;a.parameters={...a.parameters,docs:{...(C=a.parameters)==null?void 0:C.docs,source:{originalSource:`args => {
-  const {
-    height,
-    wrap,
-    ...columnArgs
-  } = args;
-  return <Row spacing={0} height={height} wrap={wrap}>
-      <Column {...columnArgs}>
-        <Heading top>Column</Heading>
-        {'Example content goes here lorem ipsum. '.repeat(20)}
-      </Column>
-      <Column padding background="var(--color-background)" />
-    </Row>;
-}`,...(x=(b=a.parameters)==null?void 0:b.docs)==null?void 0:x.source}}};var R,H,S;n.parameters={...n.parameters,docs:{...(R=n.parameters)==null?void 0:R.docs,source:{originalSource:`args => {
-  const {
-    height,
-    wrap,
-    ...columnArgs
-  } = args;
-  return <Row spacing={0} height={height} wrap={wrap}>
-      <Column {...columnArgs}>
-        <Heading top>Column</Heading>
-        {'Example content goes here lorem ipsum. '.repeat(20)}
-      </Column>
-      <Column padding background="var(--color-background)" />
-    </Row>;
-}`,...(S=(H=n.parameters)==null?void 0:H.docs)==null?void 0:S.source}}};var k,A,E;s.parameters={...s.parameters,docs:{...(k=s.parameters)==null?void 0:k.docs,source:{originalSource:`args => {
-  const {
-    height,
-    wrap,
-    ...columnArgs
-  } = args;
-  return <Row spacing={0} height={height} wrap={wrap}>
-      <Column {...columnArgs}>
-        <Heading top>Column</Heading>
-        {'Example content goes here lorem ipsum. '.repeat(20)}
-      </Column>
-      <Column padding background="var(--color-background)" />
-    </Row>;
-}`,...(E=(A=s.parameters)==null?void 0:A.docs)==null?void 0:E.source}}};var f,j,v;t.parameters={...t.parameters,docs:{...(f=t.parameters)==null?void 0:f.docs,source:{originalSource:`args => {
-  const {
-    height,
-    wrap,
-    ...columnArgs
-  } = args;
-  return <Row spacing={0} height={height} wrap={wrap}>
-      <Column {...columnArgs}>
-        <Heading top>Column</Heading>
-        {'Example content goes here lorem ipsum. '.repeat(20)}
-      </Column>
-      <Column padding background="var(--color-background)" />
-    </Row>;
-}`,...(v=(j=t.parameters)==null?void 0:j.docs)==null?void 0:v.source}}};var y,N,T;p.parameters={...p.parameters,docs:{...(y=p.parameters)==null?void 0:y.docs,source:{originalSource:`() => <Row spacing={100}>
-    <Column>
-      <Heading top>Column</Heading>
-      {'Example content goes here lorem ipsum. '.repeat(20)}
-    </Column>
-    <Column>
-      <Heading top>Column</Heading>
-      {'Example content goes here lorem ipsum. '.repeat(20)}
-    </Column>
-  </Row>`,...(T=(N=p.parameters)==null?void 0:N.docs)==null?void 0:T.source}}};const $=["Default","NoPadding","FixedWidth","Scroll","HideScrollbar","ResponsiveWidth","TestNumberSpacing"];export{c as Default,a as FixedWidth,s as HideScrollbar,o as NoPadding,t as ResponsiveWidth,n as Scroll,p as TestNumberSpacing,$ as __namedExportsOrder,Z as default};

package/dist/storybook/assets/common-types-Sih75Sav.js

@@ -1 +0,0 @@
-var E=(t=>(t.TEXT="Text",t.BUTTON="Button",t.DROP_DOWN_BUTTON="DropDownButton",t.COMPONENT="Component",t))(E||{}),r=(t=>(t.FIRST="first",t.MIDDLE="middle",t.LAST="last",t))(r||{}),a=(t=>(t.DANGER="danger",t.RED="red",t.WHITE="white",t.SUCCESS="success",t.GREEN="green",t.MUTED="muted",t))(a||{}),N=(t=>(t.LEFT="left",t.RIGHT="right",t.CENTER="center",t))(N||{}),R=(t=>(t.TOP="top",t.BOTTOM="bottom",t))(R||{}),O=(t=>(t.LIBRARY="library",t.ADD="add",t.DRAG="drag",t.HELP="help",t.NOTIFICATION="notification",t.MENU="menu",t.EDIT="edit",t.FAST_FORWARD="fast forward",t.INDENT="indent",t.STAR="star",t.LIST="list",t.SETTINGS="settings",t.CHECK="check",t.LOCK="lock",t.UNLOCK="unlock",t.CLOSE="close",t.SUCCESS="success",t.WARNING="warning",t.ERROR="error",t.INFO="info",t.LEFT="left",t.COLLAPSE="collapse",t.EXPAND="expand",t.SORT_ASCENDING="sort ascending",t.SORT_DESCENDING="sort descending",t.FAST_BACKWARD="fast backward",t.CHEVRON_DOWN="chevron down",t.CHEVRON_RIGHT="chevron right",t.CHEVRON_LEFT="chevron left",t.CHEVRON_DOUBLE_LEFT="chevron double left",t.CHEVRON_DOUBLE_RIGHT="chevron double right",t))(O||{}),s=(t=>(t.DARK="dark",t.WHITE="white",t.LIGHT="light",t.INHERIT="inherit",t))(s||{}),D=(t=>(t.TEXT="text",t.RADIO="radio",t.CHECKBOX="checkbox",t))(D||{});export{N as A,R as B,a as C,r as G,O as I,E as T,s as a,D as b};

package/dist/storybook/assets/dialog-CBMZnjYb.css

@@ -1 +0,0 @@
-._wrapper_sb0hc_1{z-index:var(--zindex-modal);position:fixed;top:0;left:0;height:100%;width:100%;background:#000c;padding:var(--padding);overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column}._contentContainer_sb0hc_15{color:var(--color-background-raised);max-height:100%;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}._centered_sb0hc_24>*{margin-top:auto;margin-bottom:auto}._newLine_sb0hc_28{white-space:"pre-wrap"}._dialog_18g0k_1{border-radius:var(--border-radius);background:var(--color-background-raised);line-height:var(--line-height);color:var(--color-text);box-shadow:var(--shadow-layer);display:flex;flex-direction:column}._dialog_18g0k_1>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._dialog_18g0k_1>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}._dialog_18g0k_1._inline_18g0k_18{display:inline-flex}._dialog_18g0k_1._scroll_18g0k_21{max-height:100%}._header_18g0k_24{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--padding-sm) var(--padding);background-color:var(--color-background-cardheader);border-bottom:1px solid var(--color-border);flex-shrink:0}._header_18g0k_24 ._dismiss_18g0k_33{margin-right:calc(var(--padding-xxs) * -1);margin-left:var(--padding-xs);flex-shrink:0}._content_18g0k_38{flex-grow:1}._scroll_18g0k_21 ._content_18g0k_38{overflow:auto;min-height:0;height:100%;flex:1 1 auto}._footer_18g0k_47{display:flex;padding:var(--padding-sm) var(--padding);background-color:var(--color-background-cardheader);border-top:1px solid var(--color-border);flex-shrink:0}._footer_18g0k_47 button:not(:last-child){margin-right:var(--padding-sm)}

package/dist/storybook/assets/dialog-DkpQscuI.js

@@ -1 +0,0 @@
-import{j as t}from"./jsx-runtime-eps93zm2.js";import{r as u}from"./index-DhsZuJvc.js";import{c as p}from"./index-Bk2sglWO.js";import{P as g}from"./portal-GQ0_cLB6.js";import{l as h}from"./lodash-c4VUpsOs.js";import{I as y}from"./common-types-Sih75Sav.js";import{H as x}from"./heading-CRNoBc7q.js";import{B as v}from"./button-Cbv7WK6k.js";const _=(n,e,s=[])=>{u.useEffect(()=>{const a=o=>{o.key===n&&e()};return window.addEventListener("keydown",a),()=>{window.removeEventListener("keydown",a)}},s)},w="_wrapper_sb0hc_1",j="_contentContainer_sb0hc_15",b="_centered_sb0hc_24",E="_newLine_sb0hc_28",m={wrapper:w,contentContainer:j,centered:b,newLine:E},C=({children:n})=>{const e=u.useRef(null);return u.useEffect(()=>{if(e.current){const s=e.current.querySelector('[tabindex="0"]');s?s.focus():e.current.focus()}},[]),t.jsx("div",{ref:e,tabIndex:-1,className:p(m.wrapper),children:n})},I=({children:n,width:e,centered:s})=>t.jsx("div",{className:p(m.contentContainer,s?m.centered:""),style:{maxWidth:e},children:n}),N=({children:n,visible:e=!1,centered:s=!1,width:a="100%",onEnter:o,onEscape:c})=>{const d="modalContainer";return u.useEffect(()=>{if(document.getElementById(d))return;const l=document.createElement("div");return l.id=d,document.body.insertBefore(l,document.body.firstChild),()=>{document.body.removeChild(l)}},[]),_("Enter",()=>{e&&o&&o()},[e,o]),_("Escape",()=>{e&&c&&c()},[e,c]),t.jsx(t.Fragment,{children:t.jsx(g,{id:d,children:e?t.jsx(C,{children:t.jsx(I,{width:a,centered:s,children:n})}):null})})};N.__docgenInfo={description:"",methods:[],displayName:"Modal",props:{children:{required:!0,tsType:{name:"ReactNode"},description:""},visible:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},centered:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},width:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'100%'",computed:!1}},onEnter:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onEscape:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};const k="_dialog_18g0k_1",T="_inline_18g0k_18",q="_scroll_18g0k_21",L="_header_18g0k_24",D="_dismiss_18g0k_33",B="_content_18g0k_38",R="_footer_18g0k_47",i={dialog:k,inline:T,scroll:q,header:L,dismiss:D,content:B,footer:R},$=n=>h.isArray(n)?n.map((e,s)=>t.jsxs(u.Fragment,{children:[e," ",t.jsx("br",{})]},s)):n,M=({dialog:n})=>{const{heading:e,content:s,contentPadding:a="var(--padding)",footer:o,scroll:c,width:d,height:l,onClose:f,testId:r}=n;return t.jsxs("div",{className:p(i.dialog,d?i.inline:null,c?i.scroll:null),style:{width:d,height:l},"data-testid":r??null,children:[t.jsxs("div",{className:i.header,children:[t.jsx(x,{testId:r&&`${r}-heading`,top:!0,marginBottom:0,children:e}),f?t.jsx("div",{className:i.dismiss,children:t.jsx(v,{icon:y.CLOSE,round:!0,basic:!0,small:!0,colored:"muted",onClick:f,testId:r&&`${r}-dismiss`})}):null]}),t.jsx("div",{"data-testid":r&&`${r}-content`,className:i.content,style:{padding:a},children:$(s)}),o&&t.jsx("div",{"data-testid":r&&`${r}-footer`,className:i.footer,children:o})]})};M.__docgenInfo={description:"",methods:[],displayName:"Dialog",props:{dialog:{required:!0,tsType:{name:"IDialog"},description:""}}};export{M as D,N as M,_ as u};

package/dist/storybook/assets/disabled-context-rmpd7YJS.js

@@ -1 +0,0 @@
-import{R as t}from"./index-DhsZuJvc.js";const a=t.createContext(!1);export{a as D};

package/dist/storybook/assets/divider-DY9nJ_7N.js

@@ -1 +0,0 @@
-import{j as i}from"./jsx-runtime-eps93zm2.js";import{A as t}from"./common-types-Sih75Sav.js";import{T as l}from"./text-B3-TSWok.js";const o="_divider_2bfzh_1",d="_alignLeft_2bfzh_12",m="_alignRight_2bfzh_15",a={divider:o,alignLeft:d,alignRight:m},u=e=>{switch(e){case t.LEFT:return a.alignLeft;case t.RIGHT:return a.alignRight;default:return""}},c=({children:e,margin:r="var(--padding)",color:n="var(--color-border)",align:s=t.CENTER})=>i.jsx("div",{className:`${a.divider} ${u(s)}`,style:{marginTop:r,marginBottom:r,"--color":n},children:typeof e=="string"?i.jsx(l,{muted:!0,children:e}):e});c.__docgenInfo={description:"",methods:[],displayName:"Divider",props:{margin:{required:!1,tsType:{name:"union",raw:"number | string",elements:[{name:"number"},{name:"string"}]},description:"",defaultValue:{value:"'var(--padding)'",computed:!1}},color:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'var(--color-border)'",computed:!1}},align:{required:!1,tsType:{name:"union",raw:"TAlign | string",elements:[{name:"union",raw:"'left' | 'right' | 'center'",elements:[{name:"literal",value:"'left'"},{name:"literal",value:"'right'"},{name:"literal",value:"'center'"}]},{name:"string"}]},description:"",defaultValue:{value:"Align.CENTER",computed:!0}},children:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""}}};export{c as D};

package/dist/storybook/assets/divider-wQx_bznd.css

@@ -1 +0,0 @@
-._divider_2bfzh_1{display:flex;align-items:center;text-align:center}._divider_2bfzh_1:before,._divider_2bfzh_1:after{content:"";flex:1;border-bottom:1px solid var(--color)}._alignLeft_2bfzh_12:before{flex-grow:.05}._alignRight_2bfzh_15:after{flex-grow:.05}._divider_2bfzh_1:not(:empty):before{margin-right:.25em}._divider_2bfzh_1:not(:empty):after{margin-left:.25em}

package/dist/storybook/assets/divider.stories-Dd-yyGrX.js

@@ -1 +0,0 @@
-import{j as a}from"./jsx-runtime-eps93zm2.js";import{A as T}from"./common-types-Sih75Sav.js";import{T as j}from"./text-B3-TSWok.js";import{D as h}from"./divider-DY9nJ_7N.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";const L={title:"Layout/Divider",component:h,argTypes:{align:{control:{type:"inline-radio"},options:["left","center","right"]}},decorators:[i=>a.jsxs(a.Fragment,{children:["content",i(),"more content"]})],parameters:{docs:{source:{excludeDecorators:!0}}}},t=i=>a.jsx(h,{...i}),o=t.bind({}),r=t.bind({});r.args={children:"Heading",align:T.LEFT};const e=t.bind({});e.args={margin:0};const s=t.bind({});s.args={color:"var(--color-text-success)",children:a.jsx(j,{success:!0,children:"Colored text"}),align:T.LEFT};var c,n,d;o.parameters={...o.parameters,docs:{...(c=o.parameters)==null?void 0:c.docs,source:{originalSource:"args => <Divider {...args} />",...(d=(n=o.parameters)==null?void 0:n.docs)==null?void 0:d.source}}};var m,p,g;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:"args => <Divider {...args} />",...(g=(p=r.parameters)==null?void 0:p.docs)==null?void 0:g.source}}};var l,u,x;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:"args => <Divider {...args} />",...(x=(u=e.parameters)==null?void 0:u.docs)==null?void 0:x.source}}};var D,f,v;s.parameters={...s.parameters,docs:{...(D=s.parameters)==null?void 0:D.docs,source:{originalSource:"args => <Divider {...args} />",...(v=(f=s.parameters)==null?void 0:f.docs)==null?void 0:v.source}}};const _=["Default","WithText","Margin","CustomColor"];export{s as CustomColor,o as Default,e as Margin,r as WithText,_ as __namedExportsOrder,L as default};

package/dist/storybook/assets/drawer-BVc1xI9q.css

@@ -1 +0,0 @@
-._inputInTable_1f40p_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_1f40p_1:not(:hover):not([data-error]):not([data-warning]){border-color:transparent}._inputInTable_1f40p_1:not(:focus){box-shadow:none}._inputHover_1f40p_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_1f40p_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_1f40p_25,._inputWarning_1f40p_26{position:relative}._inputError_1f40p_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_1f40p_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_1f40p_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_1f40p_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_1f40p_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_1f40p_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_1f40p_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_1f40p_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_1f40p_67::-webkit-scrollbar{display:none}:root{--size-drawer-tabs: var(--size-lg);--color-background-drawer-tab: var(--color-primary-100);--color-background-drawer-tab-hover: white;--color-border-drawer-tab: var(--color-primary-200);--color-background-drawer-handle-hover: rgba(0, 0, 0, .05)}html[data-theme=dark]{--color-background-drawer-tab: var(--color-primary-800);--color-background-drawer-tab-hover: var(--color-primary-700);--color-border-drawer-tab: black;--color-background-drawer-handle-hover: rgba(255, 255, 255, .1)}._inline_1f40p_90{position:relative}._inline_1f40p_90._left_1f40p_93{order:-1}._inline_1f40p_90._right_1f40p_96{order:9999}._fixed_1f40p_99{position:fixed;top:0;bottom:0;z-index:var(--zindex-drawer)}._fixed_1f40p_99._left_1f40p_93{left:0}._fixed_1f40p_99._right_1f40p_96{right:0}._left_1f40p_93 ._border_1f40p_111{border-right:1px solid var(--color-border)}._right_1f40p_96 ._border_1f40p_111{border-left:1px solid var(--color-border)}._shadow_1f40p_117{box-shadow:var(--shadow-layer)}._drawerContent_1f40p_120{overflow-x:hidden;overflow-y:auto;max-height:100%;min-height:100%;transition:width .2s;scrollbar-width:none;-ms-overflow-style:none}._isResizing_1f40p_132 ._drawerContent_1f40p_120{transition:none}@media print{._drawerContent_1f40p_120{background:transparent!important}}._drawerContent_1f40p_120::-webkit-scrollbar{display:none}._toggleButton_1f40p_143{transition:transform .2s;display:inline-block;transform:rotate(180deg);position:absolute;z-index:calc(var(--zindex-drawer) + 3)}._left_1f40p_93 ._toggleButton_1f40p_143{right:calc(var(--size) / -2)}._right_1f40p_96 ._toggleButton_1f40p_143{left:calc(var(--size) / -2)}._toggleButton_1f40p_143._top_1f40p_156{top:var(--padding)}._toggleButton_1f40p_143._bottom_1f40p_159{bottom:var(--padding)}._toggleButton_1f40p_143._toggleButtonOpen_1f40p_162{transform:rotate(0)}._tabs_1f40p_165{position:absolute;top:0;bottom:0;background-color:var(--color-background);padding-top:var(--padding);z-index:calc(var(--zindex-drawer) + 1);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}._left_1f40p_93 ._tabs_1f40p_165{right:0}._right_1f40p_96 ._tabs_1f40p_165{left:0}._tabs_1f40p_165 ._tab_1f40p_165{font-size:var(--size-sm);height:var(--size-drawer-tabs);width:var(--size-drawer-tabs);display:flex;justify-content:center;align-items:center;cursor:pointer;margin:-1px;transition:color .2s,background-color .2s;border:1px solid var(--color-border-drawer-tab)}._left_1f40p_93 ._tabs_1f40p_165 ._tab_1f40p_165{border-top-left-radius:0;border-bottom-left-radius:0}._left_1f40p_93 ._tabs_1f40p_165 ._tab_1f40p_165._active_1f40p_197{border-left-color:transparent}._right_1f40p_96 ._tabs_1f40p_165 ._tab_1f40p_165{border-top-right-radius:0;border-bottom-right-radius:0}._right_1f40p_96 ._tabs_1f40p_165 ._tab_1f40p_165._active_1f40p_197{border-right-color:transparent}._tabs_1f40p_165 ._tab_1f40p_165:not(._active_1f40p_197){color:var(--color-text-primary);background-color:var(--color-background-drawer-tab)!important}._tabs_1f40p_165 ._tab_1f40p_165:not(._active_1f40p_197):hover{color:var(--color-text);background-color:var(--color-background-drawer-tab-hover)!important}._tabs_1f40p_165 ._tab_1f40p_165._active_1f40p_197{color:var(--color-text);border-color:var(--color-border)}._tabs_1f40p_165 ._tab_1f40p_165 svg{stroke-width:1.125}._tabs_1f40p_165 ._tab_1f40p_165._disabled_1f40p_222{cursor:default;pointer-events:none;color:var(--color-text-faint)!important;background-color:var(--color-background-disabled)!important;border-color:var(--color-border)!important}._left_1f40p_93 ._tabsContent_1f40p_229{padding-right:calc(var(--size-drawer-tabs) - 1px)}._right_1f40p_96 ._tabsContent_1f40p_229{padding-left:calc(var(--size-drawer-tabs) - 1px)}._resizeHandle_1f40p_235{--size-resize-handle: 10px;position:absolute;top:0;bottom:0;width:var(--size-resize-handle);z-index:calc(var(--zindex-drawer) + 2);cursor:ew-resize;display:flex;align-items:center;color:var(--color-text-faint);font-size:var(--size-resize-handle);transition:all .2s}._resizeHandle_1f40p_235:hover{background:var(--color-background-drawer-handle-hover);color:var(--color-text-primary)}._resizeHandle_1f40p_235:active{background:var(--color-text-primary);color:#fff}._left_1f40p_93 ._resizeHandle_1f40p_235{right:0}._right_1f40p_96 ._resizeHandle_1f40p_235{left:0}