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

package/dist/storybook/assets/{index-BEZ0hk8m.js → index-DKfJ8f-b.js}

@@ -1 +1 @@
-import{o as n,X as T,m as l,a as c,A as H,l as L,u as B,s as b,b as S,J as u,O as C,w as h,c as d,p as g,d as y,f as F,h as I,e as k,g as x,D as A,v as P,i as R,B as W,j as f,q as D,k as E,y as N,n as q,z as v,r as w,C as O,x as U,_ as j,E as z,t as G,F as J,G as K,H as M,I as Q,K as V,L as X,S as Y,M as Z,N as _,P as $,Q as aa,R as sa,T as oa,U as ta,W as ra,V as ea,Y as ia}from"./index-dlFP5Vuh.js";import"./iframe-BN-sM7va.js";import"../sb-preview/runtime.js";import"./index-DhsZuJvc.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";export{n as A,T as ActionBar,l as Bar,c as Blockquote,H as Button,L as Code,B as DL,b as Div,S as EmptyTabContent,u as ErrorFormatter,C as FlexBar,h as Form,d as H1,g as H2,y as H3,F as H4,I as H5,k as H6,x as HR,A as IconButton,P as Img,R as LI,W as Link,f as ListItem,D as Loader,E as OL,N as P,q as Pre,v as ResetWrapper,w as ScrollArea,O as Separator,U as Span,j as SyntaxHighlighter,z as TT,G as TabBar,J as TabButton,K as Table,M as Tabs,Q as TabsState,V as TooltipLinkList,X as TooltipNote,Y as UL,Z as WithTooltip,_ as WithTooltipPure,$ as Zoom,aa as codeCommon,sa as components,oa as createCopyToClipboardFunction,ta as getStoryHref,ra as icons,ea as nameSpaceClassNames,ia as withReset};
+import{o as n,X as T,m as l,a as c,A as H,l as L,u as B,s as b,b as S,J as u,O as C,w as h,c as d,p as g,d as y,f as F,h as I,e as k,g as x,D as A,v as P,i as R,B as W,j as f,q as D,k as E,y as N,n as q,z as v,r as w,C as O,x as U,_ as j,E as z,t as G,F as J,G as K,H as M,I as Q,K as V,L as X,S as Y,M as Z,N as _,P as $,Q as aa,R as sa,T as oa,U as ta,W as ra,V as ea,Y as ia}from"./index-D6O8EiV-.js";import"./iframe-zFwPc0wJ.js";import"../sb-preview/runtime.js";import"./index-DhsZuJvc.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";export{n as A,T as ActionBar,l as Bar,c as Blockquote,H as Button,L as Code,B as DL,b as Div,S as EmptyTabContent,u as ErrorFormatter,C as FlexBar,h as Form,d as H1,g as H2,y as H3,F as H4,I as H5,k as H6,x as HR,A as IconButton,P as Img,R as LI,W as Link,f as ListItem,D as Loader,E as OL,N as P,q as Pre,v as ResetWrapper,w as ScrollArea,O as Separator,U as Span,j as SyntaxHighlighter,z as TT,G as TabBar,J as TabButton,K as Table,M as Tabs,Q as TabsState,V as TooltipLinkList,X as TooltipNote,Y as UL,Z as WithTooltip,_ as WithTooltipPure,$ as Zoom,aa as codeCommon,sa as components,oa as createCopyToClipboardFunction,ta as getStoryHref,ra as icons,ea as nameSpaceClassNames,ia as withReset};

package/dist/storybook/assets/{input-validation-D_iNtfvz.js → input-validation-D5ctNaQa.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as r}from"./index-BcNHZKhG.js";import{Z as s,$ as n}from"./index-dlFP5Vuh.js";import{NonExistentValue as a,Error as l}from"./select.stories-DjGSNDXK.js";import"./index-DhsZuJvc.js";import"./iframe-BN-sM7va.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./select-Cwks-WA0.js";import"./lodash-c4VUpsOs.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./types-Dx2TtIG9.js";import"./tooltip-1V7clEnw.js";import"./enum-Bnn40S8Q.js";import"./index-CEuq6vkz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-Bax0KeqM.js";import"./button-Cbv7WK6k.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./badge-CLQ59MDF.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";import"./spacer-BWoNR27H.js";import"./select.stories-data-DxgWKlU6.js";function o(t){const i={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",strong:"strong",...r(),...t.components};return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Input Validation"}),`
+import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as r}from"./index-BcNHZKhG.js";import{Z as s,$ as n}from"./index-D6O8EiV-.js";import{NonExistentValue as a,Error as l}from"./select.stories-DjGSNDXK.js";import"./index-DhsZuJvc.js";import"./iframe-zFwPc0wJ.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./select-Cwks-WA0.js";import"./lodash-c4VUpsOs.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./types-Dx2TtIG9.js";import"./tooltip-1V7clEnw.js";import"./enum-Bnn40S8Q.js";import"./index-CEuq6vkz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-Bax0KeqM.js";import"./button-Cbv7WK6k.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./badge-CLQ59MDF.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";import"./spacer-BWoNR27H.js";import"./select.stories-data-DxgWKlU6.js";function o(t){const i={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",strong:"strong",...r(),...t.components};return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Input Validation"}),`
 `,e.jsx(i.h1,{id:"input-validation",children:"Input Validation"}),`
 `,e.jsx(i.h2,{id:"select",children:"Select"}),`
 `,e.jsx(i.h3,{id:"invalid-states",children:"Invalid states"}),`

package/dist/storybook/assets/{inputs-BLstsfPQ.js → inputs-CwLa0axN.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as s}from"./index-BcNHZKhG.js";import{Z as r,$ as o}from"./index-dlFP5Vuh.js";import{Default as l}from"./button.stories-C03VvX8K.js";import{Default as a}from"./check-box.stories-BJ0ShmeC.js";import{Default as c}from"./file-input.stories-DMTQqAF8.js";import{Default as d,Date as p}from"./input.stories-SJy3TKkD.js";import{Default as h}from"./number-input.stories-epjUq9ve.js";import{Default as m}from"./option-dropdown.stories-CznUbXVi.js";import{Default as u}from"./radio-button.stories-D1rWr6ms.js";import{Native as f,Default as x}from"./select.stories-DjGSNDXK.js";import{Default as j}from"./slider.stories-DuGie_AX.js";import{Default as b}from"./textarea.stories-CzsqRVpC.js";import{Default as g}from"./toggle.stories-BAislK3I.js";import"./index-DhsZuJvc.js";import"./iframe-BN-sM7va.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./react-router-dom-Ck2Y_Fzc.js";import"./index-CEuq6vkz.js";import"./tiny-invariant-DqLgxztJ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./flex-EllkLxgO.js";import"./button-Cbv7WK6k.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./tooltip-1V7clEnw.js";import"./check-box-DPLaOkRR.js";import"./help-icon-Buhx5nl6.js";import"./file-input-yalPf7-m.js";import"./lodash-c4VUpsOs.js";import"./input-group-BaRSJAEN.js";import"./input-Db9WkmPP.js";import"./types-Dx2TtIG9.js";import"./spacer-BWoNR27H.js";import"./message-BRyKdRaX.js";import"./textarea-DflOOrxV.js";import"./index-C0x1JmaP.js";import"./index-DRSy5Ssd.js";import"./number-input-B3_gmeWr.js";import"./enum-Bnn40S8Q.js";import"./helpers-JJxzGegQ.js";import"./actions-Bax0KeqM.js";import"./types-BmbYqTX_.js";import"./badge-CLQ59MDF.js";import"./divider-DY9nJ_7N.js";import"./text-B3-TSWok.js";import"./radio-button-C4ljBRED.js";import"./select.input-CJed_LLR.js";import"./select-Cwks-WA0.js";import"./memoize-one.esm-CcMeOnPo.js";import"./select.stories-data-DxgWKlU6.js";import"./slider-DxaD8LU4.js";import"./objectSpread2-DW4nTBoq.js";import"./index-BI4_Bp97.js";import"./toggle-BbFVf61v.js";function i(n){const t={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",strong:"strong",ul:"ul",...s(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Inputs"}),`
+import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as s}from"./index-BcNHZKhG.js";import{Z as r,$ as o}from"./index-D6O8EiV-.js";import{Default as l}from"./button.stories-C03VvX8K.js";import{Default as a}from"./check-box.stories-BJ0ShmeC.js";import{Default as c}from"./file-input.stories-DMTQqAF8.js";import{Default as d,Date as p}from"./input.stories-SJy3TKkD.js";import{Default as h}from"./number-input.stories-epjUq9ve.js";import{Default as m}from"./option-dropdown.stories-CznUbXVi.js";import{Default as u}from"./radio-button.stories-D1rWr6ms.js";import{Native as f,Default as x}from"./select.stories-DjGSNDXK.js";import{Default as j}from"./slider.stories-DuGie_AX.js";import{Default as b}from"./textarea.stories-CzsqRVpC.js";import{Default as g}from"./toggle.stories-BAislK3I.js";import"./index-DhsZuJvc.js";import"./iframe-zFwPc0wJ.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./react-router-dom-Ck2Y_Fzc.js";import"./index-CEuq6vkz.js";import"./tiny-invariant-DqLgxztJ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./flex-EllkLxgO.js";import"./button-Cbv7WK6k.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./tooltip-1V7clEnw.js";import"./check-box-DPLaOkRR.js";import"./help-icon-Buhx5nl6.js";import"./file-input-yalPf7-m.js";import"./lodash-c4VUpsOs.js";import"./input-group-BaRSJAEN.js";import"./input-Db9WkmPP.js";import"./types-Dx2TtIG9.js";import"./spacer-BWoNR27H.js";import"./message-BRyKdRaX.js";import"./textarea-DflOOrxV.js";import"./index-C0x1JmaP.js";import"./index-DRSy5Ssd.js";import"./number-input-B3_gmeWr.js";import"./enum-Bnn40S8Q.js";import"./helpers-JJxzGegQ.js";import"./actions-Bax0KeqM.js";import"./types-BmbYqTX_.js";import"./badge-CLQ59MDF.js";import"./divider-DY9nJ_7N.js";import"./text-B3-TSWok.js";import"./radio-button-C4ljBRED.js";import"./select.input-CJed_LLR.js";import"./select-Cwks-WA0.js";import"./memoize-one.esm-CcMeOnPo.js";import"./select.stories-data-DxgWKlU6.js";import"./slider-DxaD8LU4.js";import"./objectSpread2-DW4nTBoq.js";import"./index-BI4_Bp97.js";import"./toggle-BbFVf61v.js";function i(n){const t={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",strong:"strong",ul:"ul",...s(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Inputs"}),`
 `,e.jsx(t.h1,{id:"inputs",children:"Inputs"}),`
 `,e.jsx(t.p,{children:"React UI Library provides a comprehensive set of user input components."}),`
 `,e.jsx(t.h2,{id:"button",children:"Button"}),`

package/dist/storybook/assets/{layout-forms-BLRQsBhL.js → layout-forms-5MAO2Ru7.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as n}from"./index-BcNHZKhG.js";import{Z as s,$ as o}from"./index-dlFP5Vuh.js";import{Default as p,LabelOnLeft as m}from"./field.stories-CYpQ669-.js";import{Default as l,LabelsOnLeft as a,Row as h}from"./form.stories-Cr5Pz40F.js";import"./index-DhsZuJvc.js";import"./iframe-BN-sM7va.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./field-HrLaMLbx.js";import"./index-Bk2sglWO.js";import"./label-CqmyC9he.js";import"./common-types-Sih75Sav.js";import"./help-icon-Buhx5nl6.js";import"./tooltip-1V7clEnw.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./input-Db9WkmPP.js";import"./types-Dx2TtIG9.js";import"./lodash-c4VUpsOs.js";import"./text-B3-TSWok.js";import"./select-Cwks-WA0.js";import"./enum-Bnn40S8Q.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./actions-Bax0KeqM.js";import"./button-Cbv7WK6k.js";import"./spinner-AWUe4xwQ.js";import"./badge-CLQ59MDF.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";import"./check-box-DPLaOkRR.js";import"./button-group-D2fGP_bX.js";import"./toggle-BbFVf61v.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./slider-DxaD8LU4.js";import"./objectSpread2-DW4nTBoq.js";import"./index-BI4_Bp97.js";import"./textarea-DflOOrxV.js";import"./radio-button-C4ljBRED.js";import"./form-row-CM112EYF.js";function r(i){const e={code:"code",h1:"h1",h2:"h2",p:"p",...n(),...i.components};return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Layout (Forms)"}),`
+import{j as t}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as n}from"./index-BcNHZKhG.js";import{Z as s,$ as o}from"./index-D6O8EiV-.js";import{Default as p,LabelOnLeft as m}from"./field.stories-CYpQ669-.js";import{Default as l,LabelsOnLeft as a,Row as h}from"./form.stories-Cr5Pz40F.js";import"./index-DhsZuJvc.js";import"./iframe-zFwPc0wJ.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./field-HrLaMLbx.js";import"./index-Bk2sglWO.js";import"./label-CqmyC9he.js";import"./common-types-Sih75Sav.js";import"./help-icon-Buhx5nl6.js";import"./tooltip-1V7clEnw.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./input-Db9WkmPP.js";import"./types-Dx2TtIG9.js";import"./lodash-c4VUpsOs.js";import"./text-B3-TSWok.js";import"./select-Cwks-WA0.js";import"./enum-Bnn40S8Q.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./actions-Bax0KeqM.js";import"./button-Cbv7WK6k.js";import"./spinner-AWUe4xwQ.js";import"./badge-CLQ59MDF.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";import"./check-box-DPLaOkRR.js";import"./button-group-D2fGP_bX.js";import"./toggle-BbFVf61v.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./slider-DxaD8LU4.js";import"./objectSpread2-DW4nTBoq.js";import"./index-BI4_Bp97.js";import"./textarea-DflOOrxV.js";import"./radio-button-C4ljBRED.js";import"./form-row-CM112EYF.js";function r(i){const e={code:"code",h1:"h1",h2:"h2",p:"p",...n(),...i.components};return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Layout (Forms)"}),`
 `,t.jsx(e.h1,{id:"layout-forms",children:"Layout (Forms)"}),`
 `,t.jsx(e.h2,{id:"field",children:"Field"}),`
 `,t.jsxs(e.p,{children:["This is a wrapper for any form element with default bottom margin, and props like ",t.jsx(e.code,{children:"label"})," for other default styling."]}),`

package/dist/storybook/assets/{layout-general-CxuvOgwW.js → layout-general-BH_mkxyI.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as s}from"./index-BcNHZKhG.js";import{Z as r,$ as n}from"./index-dlFP5Vuh.js";import{Center as d,SpaceBetween as l,JustifyEnd as a,Column as c}from"./flex.stories-CLwPyEMp.js";import{Default as h,CustomColumnWidth as p,DefaultGap as x,CustomGap as m,Responsive as u}from"./grid.stories-DqjhHHwX.js";import{Default as j,FixedWidth as f,NoPadding as w,ResponsiveWidth as g}from"./column.stories-DDTHFELF.js";import"./index-DhsZuJvc.js";import"./iframe-BN-sM7va.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./flex-EllkLxgO.js";import"./button-Cbv7WK6k.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./text-B3-TSWok.js";import"./grid-DRkC-bt8.js";import"./styled-components.browser.esm-BQ9GQzDc.js";import"./card-EcjmryU9.js";import"./row-Bmiy2Lh0.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";function t(i){const o={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",...s(),...i.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Layout (General)"}),`
+import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as s}from"./index-BcNHZKhG.js";import{Z as r,$ as n}from"./index-D6O8EiV-.js";import{Center as d,SpaceBetween as l,JustifyEnd as a,Column as c}from"./flex.stories-CLwPyEMp.js";import{Default as h,CustomColumnWidth as p,DefaultGap as x,CustomGap as m,Responsive as u}from"./grid.stories-DqjhHHwX.js";import{Default as j,FixedWidth as f,NoPadding as w,ResponsiveWidth as g}from"./column.stories-DDTHFELF.js";import"./index-DhsZuJvc.js";import"./iframe-zFwPc0wJ.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./flex-EllkLxgO.js";import"./button-Cbv7WK6k.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./text-B3-TSWok.js";import"./grid-DRkC-bt8.js";import"./styled-components.browser.esm-BQ9GQzDc.js";import"./card-EcjmryU9.js";import"./row-Bmiy2Lh0.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";function t(i){const o={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",...s(),...i.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Layout (General)"}),`
 `,e.jsx(o.h1,{id:"layout-general",children:"Layout (General)"}),`
 `,e.jsx(o.h2,{id:"flex",children:"Flex"}),`
 `,e.jsxs(o.p,{children:["The ",e.jsx(o.code,{children:"Flex"})," component is a basic flexbox wrapper with optional props for ",e.jsx(o.code,{children:"alignItems"}),", ",e.jsx(o.code,{children:"justifyContent"})," and ",e.jsx(o.code,{children:"flexDirection"}),". This is a conveninent way to center items vertically and/or horizontally, to align them to opposite edges, or align them to the far side."]}),`

package/dist/storybook/assets/{padding-and-spacing-qL1P8fJl.js → padding-and-spacing-B1k2xnXg.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as r}from"./index-BcNHZKhG.js";import{Z as t}from"./index-dlFP5Vuh.js";import"./index-DhsZuJvc.js";import"./iframe-BN-sM7va.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";function i(s){const n={code:"code",h1:"h1",h2:"h2",li:"li",p:"p",strong:"strong",ul:"ul",...r(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(t,{title:"Padding, Margin & Size"}),`
+import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as r}from"./index-BcNHZKhG.js";import{Z as t}from"./index-D6O8EiV-.js";import"./index-DhsZuJvc.js";import"./iframe-zFwPc0wJ.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";function i(s){const n={code:"code",h1:"h1",h2:"h2",li:"li",p:"p",strong:"strong",ul:"ul",...r(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(t,{title:"Padding, Margin & Size"}),`
 `,e.jsx(n.h1,{id:"padding-margin--size",children:"Padding, Margin & Size"}),`
 `,e.jsx(n.h2,{id:"padding--margin",children:"Padding & Margin"}),`
 `,e.jsx(n.p,{children:"There are standard CSS spacing variables for padding and margin."}),`

package/dist/storybook/assets/preview-B0ZyjArU.css

@@ -0,0 +1 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-latin-400-normal-CF_EggQ_.woff2) format("woff2"),url(./noto-sans-latin-400-normal-DMz6UGTQ.woff) format("woff")}@font-face{font-family:Noto Sans;font-style:italic;font-display:swap;font-weight:400;src:url(./noto-sans-latin-400-italic-NApRWGLz.woff2) format("woff2"),url(./noto-sans-latin-400-italic-BT87CHj2.woff) format("woff")}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./noto-sans-latin-700-normal-DwlQfr5s.woff2) format("woff2"),url(./noto-sans-latin-700-normal-CkyHDghY.woff) format("woff")}@font-face{font-family:Noto Sans;font-style:italic;font-display:swap;font-weight:700;src:url(./noto-sans-latin-700-italic-Cw3cBBZk.woff2) format("woff2"),url(./noto-sans-latin-700-italic-qe_3Da_h.woff) format("woff")}*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box}input[type=text],input[type=email],input[type=search],input[type=password]{-webkit-appearance:none;-moz-appearance:none}:focus{outline:none!important}::-moz-focus-inner{border:0!important}a{color:inherit}:root{--color-primary-0: hsl(0, 0%, 100%);--color-primary-50: hsl(25.25, 100%, 97.5%);--color-primary-100: hsl(25.25, 100%, 92.5%);--color-primary-150: hsl(25.25, 100%, 87.5%);--color-primary-200: hsl(25.25, 100%, 82.5%);--color-primary-250: hsl(25.25, 100%, 77.5%);--color-primary-300: hsl(25.25, 100%, 72.5%);--color-primary-350: hsl(25.25, 100%, 67.5%);--color-primary-400: hsl(25.25, 100%, 62.5%);--color-primary-450: hsl(25.25, 100%, 57.5%);--color-primary-500: hsl(25.25, 100%, 52.5%);--color-primary-550: hsl(25.25, 100%, 47.5%);--color-primary-600: hsl(25.25, 100%, 42.5%);--color-primary-650: hsl(25.25, 100%, 37.5%);--color-primary-700: hsl(25.25, 100%, 32.5%);--color-primary-750: hsl(25.25, 100%, 27.5%);--color-primary-800: hsl(25.25, 100%, 22.5%);--color-primary-850: hsl(25.25, 100%, 17.5%);--color-primary-900: hsl(25.25, 100%, 12.5%);--color-primary-950: hsl(25.25, 100%, 7.5%);--color-primary-1000: hsl(25.25, 100%, 2.5%);--color-error-0: hsl(0, 0%, 100%);--color-error-50: hsl(0, 51.29186603%, 97.5%);--color-error-100: hsl(0, 51.29186603%, 92.5%);--color-error-150: hsl(0, 51.29186603%, 87.5%);--color-error-200: hsl(0, 51.29186603%, 82.5%);--color-error-250: hsl(0, 51.29186603%, 77.5%);--color-error-300: hsl(0, 51.29186603%, 72.5%);--color-error-350: hsl(0, 51.29186603%, 67.5%);--color-error-400: hsl(0, 51.29186603%, 62.5%);--color-error-450: hsl(0, 51.29186603%, 57.5%);--color-error-500: hsl(0, 51.29186603%, 52.5%);--color-error-550: hsl(0, 51.29186603%, 47.5%);--color-error-600: hsl(0, 51.29186603%, 42.5%);--color-error-650: hsl(0, 51.29186603%, 37.5%);--color-error-700: hsl(0, 51.29186603%, 32.5%);--color-error-750: hsl(0, 51.29186603%, 27.5%);--color-error-800: hsl(0, 51.29186603%, 22.5%);--color-error-850: hsl(0, 51.29186603%, 17.5%);--color-error-900: hsl(0, 51.29186603%, 12.5%);--color-error-950: hsl(0, 51.29186603%, 7.5%);--color-error-1000: hsl(0, 51.29186603%, 2.5%);--color-success-0: hsl(0, 0%, 100%);--color-success-50: hsl(120, 32.03252033%, 97.5%);--color-success-100: hsl(120, 32.03252033%, 92.5%);--color-success-150: hsl(120, 32.03252033%, 87.5%);--color-success-200: hsl(120, 32.03252033%, 82.5%);--color-success-250: hsl(120, 32.03252033%, 77.5%);--color-success-300: hsl(120, 32.03252033%, 72.5%);--color-success-350: hsl(120, 32.03252033%, 67.5%);--color-success-400: hsl(120, 32.03252033%, 62.5%);--color-success-450: hsl(120, 32.03252033%, 57.5%);--color-success-500: hsl(120, 32.03252033%, 52.5%);--color-success-550: hsl(120, 32.03252033%, 47.5%);--color-success-600: hsl(120, 32.03252033%, 42.5%);--color-success-650: hsl(120, 32.03252033%, 37.5%);--color-success-700: hsl(120, 32.03252033%, 32.5%);--color-success-750: hsl(120, 32.03252033%, 27.5%);--color-success-800: hsl(120, 32.03252033%, 22.5%);--color-success-850: hsl(120, 32.03252033%, 17.5%);--color-success-900: hsl(120, 32.03252033%, 12.5%);--color-success-950: hsl(120, 32.03252033%, 7.5%);--color-success-1000: hsl(120, 32.03252033%, 2.5%);--color-warning-0: hsl(0, 0%, 100%);--color-warning-50: hsl(44.9197861, 56.32653061%, 97.5%);--color-warning-100: hsl(44.9197861, 56.32653061%, 92.5%);--color-warning-150: hsl(44.9197861, 56.32653061%, 87.5%);--color-warning-200: hsl(44.9197861, 56.32653061%, 82.5%);--color-warning-250: hsl(44.9197861, 56.32653061%, 77.5%);--color-warning-300: hsl(44.9197861, 56.32653061%, 72.5%);--color-warning-350: hsl(44.9197861, 56.32653061%, 67.5%);--color-warning-400: hsl(44.9197861, 56.32653061%, 62.5%);--color-warning-450: hsl(44.9197861, 56.32653061%, 57.5%);--color-warning-500: hsl(44.9197861, 56.32653061%, 52.5%);--color-warning-550: hsl(44.9197861, 56.32653061%, 47.5%);--color-warning-600: hsl(44.9197861, 56.32653061%, 42.5%);--color-warning-650: hsl(44.9197861, 56.32653061%, 37.5%);--color-warning-700: hsl(44.9197861, 56.32653061%, 32.5%);--color-warning-750: hsl(44.9197861, 56.32653061%, 27.5%);--color-warning-800: hsl(44.9197861, 56.32653061%, 22.5%);--color-warning-850: hsl(44.9197861, 56.32653061%, 17.5%);--color-warning-900: hsl(44.9197861, 56.32653061%, 12.5%);--color-warning-950: hsl(44.9197861, 56.32653061%, 7.5%);--color-warning-1000: hsl(44.9197861, 56.32653061%, 2.5%);--color-info-0: hsl(0, 0%, 100%);--color-info-50: hsl(201.03092784, 52.90598291%, 97.5%);--color-info-100: hsl(201.03092784, 52.90598291%, 92.5%);--color-info-150: hsl(201.03092784, 52.90598291%, 87.5%);--color-info-200: hsl(201.03092784, 52.90598291%, 82.5%);--color-info-250: hsl(201.03092784, 52.90598291%, 77.5%);--color-info-300: hsl(201.03092784, 52.90598291%, 72.5%);--color-info-350: hsl(201.03092784, 52.90598291%, 67.5%);--color-info-400: hsl(201.03092784, 52.90598291%, 62.5%);--color-info-450: hsl(201.03092784, 52.90598291%, 57.5%);--color-info-500: hsl(201.03092784, 52.90598291%, 52.5%);--color-info-550: hsl(201.03092784, 52.90598291%, 47.5%);--color-info-600: hsl(201.03092784, 52.90598291%, 42.5%);--color-info-650: hsl(201.03092784, 52.90598291%, 37.5%);--color-info-700: hsl(201.03092784, 52.90598291%, 32.5%);--color-info-750: hsl(201.03092784, 52.90598291%, 27.5%);--color-info-800: hsl(201.03092784, 52.90598291%, 22.5%);--color-info-850: hsl(201.03092784, 52.90598291%, 17.5%);--color-info-900: hsl(201.03092784, 52.90598291%, 12.5%);--color-info-950: hsl(201.03092784, 52.90598291%, 7.5%);--color-info-1000: hsl(201.03092784, 52.90598291%, 2.5%);--color-neutral-0: hsl(0, 0%, 100%);--color-neutral-50: hsl(60, 10.05291005%, 97.5%);--color-neutral-100: hsl(60, 10.05291005%, 92.5%);--color-neutral-150: hsl(60, 10.05291005%, 87.5%);--color-neutral-200: hsl(60, 10.05291005%, 82.5%);--color-neutral-250: hsl(60, 10.05291005%, 77.5%);--color-neutral-300: hsl(60, 10.05291005%, 72.5%);--color-neutral-350: hsl(60, 10.05291005%, 67.5%);--color-neutral-400: hsl(60, 10.05291005%, 62.5%);--color-neutral-450: hsl(60, 10.05291005%, 57.5%);--color-neutral-500: hsl(60, 10.05291005%, 52.5%);--color-neutral-550: hsl(60, 10.05291005%, 47.5%);--color-neutral-600: hsl(60, 10.05291005%, 42.5%);--color-neutral-650: hsl(60, 10.05291005%, 37.5%);--color-neutral-700: hsl(60, 10.05291005%, 32.5%);--color-neutral-750: hsl(60, 10.05291005%, 27.5%);--color-neutral-800: hsl(60, 10.05291005%, 22.5%);--color-neutral-850: hsl(60, 10.05291005%, 17.5%);--color-neutral-900: hsl(60, 10.05291005%, 12.5%);--color-neutral-950: hsl(60, 10.05291005%, 7.5%);--color-neutral-1000: hsl(60, 10.05291005%, 2.5%)}:root{color-scheme:initial;--font-family: "Roobert", "Noto Sans", sans-serif;--font-size-xl: 17px;--font-size-lg: 15px;--font-size: 13px;--font-size-sm: 12px;--font-size-xs: 11px;--line-height: 20px;--line-height-sm: 16px;--letter-spacing-wide: .05em;--size-xl: 48px;--size-lg: 36px;--size: 30px;--size-sm: 24px;--size-xs: 16px;--padding-xxs: 4px;--padding-xs: 8px;--padding-sm: 12px;--padding: 16px;--padding-lg: 20px;--padding-xl: 24px;--padding-input-x: var(--padding-xs);--padding-input-y: calc((var(--size) - var(--line-height) - 2px) / 2);--padding-input: var(--padding-input-y) var(--padding-input-x);--padding-input-sm-x: var(--padding-xs);--padding-input-sm-y: calc((var(--size-sm) - var(--line-height) - 2px) / 2);--padding-input-sm: var(--padding-input-sm-y) var(--padding-input-sm-x);--border-radius: 4px;--border-radius-sm: 2px;--zindex-topbar-alert: 98;--zindex-drawer: 99;--zindex-topbar: 101;--zindex-dimmer: 1000;--zindex-modal: 2000;--zindex-popover: 2001;--zindex-dropdown: 2002;--zindex-tooltip: 2003;--shadow-button: 0 1px 1px rgba(0, 0, 0, .1);--shadow-card: 0 1px 2px rgba(0, 0, 0, .1);--shadow-layer: 0 1px 2px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .1), 0 0 4px rgba(0, 0, 0, .1);--shadow-focus: 0 0 0 2px rgba(255, 116, 15, .25);--color-text: var(--color-neutral-900);--color-text-muted: var(--color-neutral-700);--color-text-faint: var(--color-neutral-500);--color-text-error: var(--color-error-600);--color-text-warning: var(--color-warning-600);--color-text-success: var(--color-success-600);--color-text-info: var(--color-info-600);--color-text-primary: var(--color-primary-500);--color-text-primary-hover: var(--color-primary-600);--color-text-primary-active: var(--color-primary-700);--color-text-placeholder: rgba(0, 0, 0, .3);--color-background: var(--color-neutral-100);--color-background-raised: white;--color-background-layer: white;--color-background-disabled: rgba(0, 0, 0, .05);--color-background-info: var(--color-info-500);--color-background-info-muted: var(--color-info-100);--color-background-error: var(--color-error-500);--color-background-error-muted: var(--color-error-100);--color-background-success: var(--color-success-500);--color-background-success-muted: var(--color-success-100);--color-background-warning: var(--color-warning-500);--color-background-warning-muted: var(--color-warning-100);--color-background-primary: var(--color-primary-500);--color-background-primary-muted: var(--color-primary-100);--color-background-input: white;--color-background-cardheader: var(--color-neutral-50);--color-background-listitem-active: var(--color-background-primary-muted);--color-background-listitem-hover: var(--color-neutral-100);--color-border: var(--color-neutral-250);--color-border-checkbox: var(--color-neutral-300);--color-border-hover: var(--color-neutral-400);--color-border-focus: var(--color-primary-500);--color-border-error: var(--color-error-300);--color-border-error-hover: var(--color-error-400);--color-border-warning: var(--color-warning-300);--color-border-warning-hover: var(--color-warning-400)}html[data-theme=dark]{color-scheme:dark;--color-text: var(--color-neutral-200);--color-text-muted: var(--color-neutral-400);--color-text-faint: var(--color-neutral-600);--color-text-primary: var(--color-primary-400);--color-text-primary-active: var(--color-primary-200);--color-text-primary-hover: var(--color-primary-300);--color-text-error: var(--color-error-300);--color-text-info: var(--color-info-300);--color-text-success: var(--color-success-300);--color-text-warning: var(--color-warning-300);--color-text-placeholder: rgba(255, 255, 255, .4);--color-background: var(--color-neutral-900);--color-background-raised: var(--color-neutral-850);--color-background-layer: var(--color-neutral-750);--color-background-disabled: rgba(0, 0, 0, .2);--color-background-info: var(--color-info-500);--color-background-info-muted: var(--color-info-800);--color-background-error: var(--color-error-500);--color-background-error-muted: var(--color-error-800);--color-background-success: var(--color-success-500);--color-background-success-muted: var(--color-success-800);--color-background-warning: var(--color-warning-500);--color-background-warning-muted: var(--color-warning-800);--color-background-primary: var(--color-primary-500);--color-background-primary-muted: var(--color-primary-800);--color-background-cardheader: transparent;--color-background-input: rgba(255, 255, 255, .1);--color-background-listitem-active: var(--color-primary-800);--color-background-listitem-hover: var(--color-neutral-750);--color-border: black;--color-border-checkbox: black;--color-border-hover: var(--color-neutral-500);--color-border-focus: var(--color-primary-500);--color-border-error: var(--color-error-600);--color-border-warning: var(--color-warning-600);--shadow-focus: 0 0 0 2px rgba(255, 116, 15, .5)}.field{margin-bottom:var(--padding);color:var(--color-text)}.field.labelLeft{display:flex;align-items:center}.field.labelLeft .fieldInput{flex-grow:1}.formRow,.form-row{display:flex;flex-wrap:wrap;align-items:flex-end}.formRow>*:not(:last-child),.form-row>*:not(:last-child){margin-right:var(--padding)}.formRow .button,.form-row .button{margin-bottom:var(--padding)}html{font-size:var(--font-size)}body{color:var(--color-text);line-height:var(--line-height);font-family:var(--font-family);font-size:var(--font-size)}.dark{color:var(--color-text)}h1,h2,h3,h4,h5{line-height:1.285714em;margin:0 0 1rem}p,ul,ol{margin:0 0 1rem;line-height:var(--line-height)}p:last-child,ul:last-child,ol:last-child{margin-bottom:0}ul,ol{padding-left:1.5em}a{text-decoration:none}@-moz-document url-prefix(){.docs-story>div>div{height:100%!important}}

package/dist/storybook/assets/{preview-CsXFMCpR.js → preview-DpTCnAn-.js}

@@ -1,2 +1,2 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DocsRenderer-PKQXORMH-CVj7TkuP.js","./chunk-HLWAVYOI-C49c1Yvv.js","./iframe-BN-sM7va.js","./index-DhsZuJvc.js","./react-16-DXAfArL2.js","./index-CUZDtIZe.js","./index-dlFP5Vuh.js","./inheritsLoose-DP0QEDDI.js","./assertThisInitialized-B9jnkVVz.js","./index-D6rZ4wEC.js"])))=>i.map(i=>d[i]);
-import{_ as a}from"./iframe-BN-sM7va.js";import"../sb-preview/runtime.js";const{global:s}=__STORYBOOK_MODULE_GLOBAL__;var _=Object.entries(s.TAGS_OPTIONS??{}).reduce((e,r)=>{let[t,o]=r;return o.excludeFromDocsStories&&(e[t]=!0),e},{}),d={docs:{renderer:async()=>{let{DocsRenderer:e}=await a(()=>import("./DocsRenderer-PKQXORMH-CVj7TkuP.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>_[t]).length===0&&!((r=e.parameters.docs)!=null&&r.disable)}}}};export{d as parameters};
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DocsRenderer-PKQXORMH-Diyq_37l.js","./chunk-HLWAVYOI-KJoVz4w2.js","./iframe-zFwPc0wJ.js","./index-DhsZuJvc.js","./react-16-DXAfArL2.js","./index-CUZDtIZe.js","./index-D6O8EiV-.js","./inheritsLoose-DP0QEDDI.js","./assertThisInitialized-B9jnkVVz.js","./index-D6rZ4wEC.js"])))=>i.map(i=>d[i]);
+import{_ as a}from"./iframe-zFwPc0wJ.js";import"../sb-preview/runtime.js";const{global:s}=__STORYBOOK_MODULE_GLOBAL__;var _=Object.entries(s.TAGS_OPTIONS??{}).reduce((e,r)=>{let[t,o]=r;return o.excludeFromDocsStories&&(e[t]=!0),e},{}),d={docs:{renderer:async()=>{let{DocsRenderer:e}=await a(()=>import("./DocsRenderer-PKQXORMH-Diyq_37l.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>_[t]).length===0&&!((r=e.parameters.docs)!=null&&r.disable)}}}};export{d as parameters};

package/dist/storybook/assets/{preview-C_R8uZLy.js → preview-FIj3W2uF.js}

@@ -1,3 +1,3 @@
-import{j as s}from"./jsx-runtime-eps93zm2.js";import{r as P,R as C}from"./index-DhsZuJvc.js";import{T as I}from"./toaster-7wnI6hqB.js";import"./message-BRyKdRaX.js";import{a4 as d,a5 as M}from"./index-dlFP5Vuh.js";import{e as _}from"./index-DRSy5Ssd.js";import"./chunk-HLWAVYOI-C49c1Yvv.js";import"./index-CUZDtIZe.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./iframe-BN-sM7va.js";import"../sb-preview/runtime.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./react-16-DXAfArL2.js";var v="DARK_MODE";function f(r){"@babel/helpers - typeof";return f=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},f(r)}var b;function A(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(r,a).enumerable})),e.push.apply(e,n)}return e}function k(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?A(Object(e),!0).forEach(function(n){R(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):A(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function R(r,t,e){return t=x(t),t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function x(r){var t=K(r,"string");return f(t)==="symbol"?t:String(t)}function K(r,t){if(f(r)!=="object"||r===null)return r;var e=r[Symbol.toPrimitive];if(e!==void 0){var n=e.call(r,t||"default");if(f(n)!=="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(r)}function p(r){return B(r)||U(r)||L(r)||N()}function N(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
+import{j as s}from"./jsx-runtime-eps93zm2.js";import{r as P,R as C}from"./index-DhsZuJvc.js";import{T as I}from"./toaster-7wnI6hqB.js";import"./message-BRyKdRaX.js";import{a4 as d,a5 as M}from"./index-D6O8EiV-.js";import{e as _}from"./index-DRSy5Ssd.js";import"./chunk-HLWAVYOI-KJoVz4w2.js";import"./index-CUZDtIZe.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./iframe-zFwPc0wJ.js";import"../sb-preview/runtime.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./react-16-DXAfArL2.js";var v="DARK_MODE";function f(r){"@babel/helpers - typeof";return f=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},f(r)}var b;function A(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(r,a).enumerable})),e.push.apply(e,n)}return e}function k(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?A(Object(e),!0).forEach(function(n){R(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):A(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function R(r,t,e){return t=x(t),t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function x(r){var t=K(r,"string");return f(t)==="symbol"?t:String(t)}function K(r,t){if(f(r)!=="object"||r===null)return r;var e=r[Symbol.toPrimitive];if(e!==void 0){var n=e.call(r,t||"default");if(f(n)!=="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(r)}function p(r){return B(r)||U(r)||L(r)||N()}function N(){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 L(r,t){if(r){if(typeof r=="string")return h(r,t);var e=Object.prototype.toString.call(r).slice(8,-1);if(e==="Object"&&r.constructor&&(e=r.constructor.name),e==="Map"||e==="Set")return Array.from(r);if(e==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return h(r,t)}}function U(r){if(typeof Symbol<"u"&&r[Symbol.iterator]!=null||r["@@iterator"]!=null)return Array.from(r)}function B(r){if(Array.isArray(r))return h(r)}function h(r,t){(t==null||t>r.length)&&(t=r.length);for(var e=0,n=new Array(t);e<t;e++)n[e]=r[e];return n}const{global:Y}=__STORYBOOK_MODULE_GLOBAL__;__STORYBOOK_MODULE_CORE_EVENTS__;var T=Y,$=T.document,g=T.window,j="sb-addon-themes-3";(b=g.matchMedia)===null||b===void 0||b.call(g,"(prefers-color-scheme: dark)");var O={classTarget:"body",dark:d.dark,darkClass:["dark"],light:d.light,lightClass:["light"],stylePreview:!1,userHasExplicitlySetTheTheme:!1},E=function(t){g.localStorage.setItem(j,JSON.stringify(t))},H=function(t,e){var n=e.current,a=e.darkClass,l=a===void 0?O.darkClass:a,o=e.lightClass,i=o===void 0?O.lightClass:o;if(n==="dark"){var u,c;(u=t.classList).remove.apply(u,p(y(i))),(c=t.classList).add.apply(c,p(y(l)))}else{var m,S;(m=t.classList).remove.apply(m,p(y(l))),(S=t.classList).add.apply(S,p(y(i)))}},y=function(t){var e=[];return e.concat(t).map(function(n){return n})},V=function(t){var e=$.querySelector(t.classTarget);e&&H(e,t)},D=function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},e=g.localStorage.getItem(j);if(typeof e=="string"){var n=JSON.parse(e);return t&&(t.dark&&!_(n.dark,t.dark)&&(n.dark=t.dark,E(n)),t.light&&!_(n.light,t.light)&&(n.light=t.light,E(n))),n}return k(k({},O),t)};V(D());function W(r,t){return F(r)||J(r,t)||G(r,t)||q()}function q(){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 G(r,t){if(r){if(typeof r=="string")return w(r,t);var e=Object.prototype.toString.call(r).slice(8,-1);if(e==="Object"&&r.constructor&&(e=r.constructor.name),e==="Map"||e==="Set")return Array.from(r);if(e==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return w(r,t)}}function w(r,t){(t==null||t>r.length)&&(t=r.length);for(var e=0,n=new Array(t);e<t;e++)n[e]=r[e];return n}function J(r,t){var e=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(e!=null){var n,a,l,o,i=[],u=!0,c=!1;try{if(l=(e=e.call(r)).next,t!==0)for(;!(u=(n=l.call(e)).done)&&(i.push(n.value),i.length!==t);u=!0);}catch(m){c=!0,a=m}finally{try{if(!u&&e.return!=null&&(o=e.return(),Object(o)!==o))return}finally{if(c)throw a}}return i}}function F(r){if(Array.isArray(r))return r}const{addons:z,useState:Q,useEffect:X}=__STORYBOOK_MODULE_PREVIEW_API__;function Z(){var r=Q(D().current==="dark"),t=W(r,2),e=t[0],n=t[1];return X(function(){var a=z.getChannel();return a.on(v,n),function(){return a.off(v,n)}},[]),e}const Or=[r=>s.jsxs(s.Fragment,{children:[s.jsx(r,{}),s.jsx(I,{})]}),r=>{const t=Z();return P.useEffect(()=>document.documentElement.dataset.theme=t?"dark":"default",[t]),s.jsx(r,{})}],Sr={docs:{container:r=>{const[t,e]=C.useState(!1);r.context.channel.on(v,a=>e(a));const n={...r};return n.theme=t?d.dark:d.light,s.jsx(M,{...n})}},darkMode:{current:"light",stylePreview:!0}},_r=["autodocs"];export{Or as decorators,Sr as parameters,_r as tags};

package/dist/storybook/assets/unit-input-CFaqZ7UG.js

@@ -0,0 +1,7 @@
+import{j as l}from"./jsx-runtime-eps93zm2.js";import{r as T}from"./index-DhsZuJvc.js";import{d as r}from"./index-C0x1JmaP.js";import{c as Ve}from"./index-Bk2sglWO.js";import{c as Ee,i as be,g as Y,a as Ne,u as qe,b as we}from"./initialize-context-Y03pJPr5.js";import{M as Z}from"./actions-Bax0KeqM.js";import{I as he}from"./input-group-addon-D68iUKV2.js";import{I as Ie}from"./input-group-BaRSJAEN.js";import{l as N}from"./lodash-c4VUpsOs.js";import{N as ye,r as Oe}from"./number-input-B3_gmeWr.js";import{B as Pe}from"./button-Cbv7WK6k.js";import{T as Ce}from"./tooltip-1V7clEnw.js";import{S as De}from"./spacer-BWoNR27H.js";import{T as Me}from"./text-B3-TSWok.js";import{M as Q}from"./types-BmbYqTX_.js";const Se=()=>{const e=T.useRef(null);return T.useLayoutEffect(()=>{e.current&&(e.current(),e.current=null)}),p=>{e.current=p}};var c=(e=>(e.CUSTOM="custom",e.PREDEFINED="predefined",e))(c||{});const Fe=e=>{if(!e)return!1;const t=r.getUnit(e);return!r.KNOWN_UNITS.includes(t)},M=({value:e="",toUnit:t,unitkey:p,defaultFromUnit:C,doNotConvertValue:q})=>{const U=r.getValue(e),v=be(U);return Fe(e)?{value:U}:v?{value:U}:r.isValueWithUnit(e)?Ee({value:e,unitkey:p,toUnit:t,fromUnit:C,doNotConvertValue:q,exactPrecision:!0}):{value:e}},z=e=>N.isObject(e)&&!N.isArray(e)&&!N.isFunction(e)?N.get(e,"fieldName",""):typeof e=="string"?e:"",J=(e="")=>{var t;return(t=r.KNOWN_UNITS)==null?void 0:t.includes(e)},je=(e,t)=>{const p=r.getUnit(e||"");return J(t)&&J(p)},xe=e=>N.isNil(e)?e:r.isValueWithUnit(e)?r.getValue(e):e,L=({predefinedOptions:e,displayLayer:t,unitkey:p,unitTemplate:C,onPredefinedOptionSelect:q,disabled:U,initialPredefinedOption:v,predefinedOptionsMenuState:I,setPredefinedOptionsMenuState:u,testId:o})=>{const R=xe(t==null?void 0:t.value),[V,y]=T.useState(void 0),_=({value:a,unitkey:E})=>{if(!a||!p)return a;const f=E||p,O=Y(f,C),{value:S}=M({value:a,toUnit:O,unitkey:f,defaultFromUnit:"",doNotConvertValue:!1});return r.withUnit(S,O)},W=a=>{const E=_(a),[f="",O=""]=r.split(E);return{type:Q.OPTION,inline:!0,onClick:()=>{r.validateNumber(f).valid&&!U&&(u(c.PREDEFINED),q(f,a),y(a))},label:l.jsxs(l.Fragment,{children:[l.jsx(Me,{children:a.label}),l.jsx(De,{width:"20px",height:"0"})]}),description:`${f} ${O}`,selected:r.withUnit(t==null?void 0:t.value,(t==null?void 0:t.unit)??"")===E&&I===c.PREDEFINED}},w=T.useMemo(()=>e.find(a=>a.value===v||a.label===v||a.valueKey===v),[v,e]);T.useEffect(()=>{w&&(u(c.PREDEFINED),y(w),q(w.value,w))},[w]),T.useEffect(()=>{const a=e.find(E=>_(E)===r.withUnit(t==null?void 0:t.value,(t==null?void 0:t.unit)??""));a?(u(c.PREDEFINED),y(a)):(u(c.CUSTOM),y(void 0))},[R,e]);const D=[{type:Q.OPTION,inline:!0,onClick:()=>{U||u(c.CUSTOM)},label:"Custom",selected:I===c.CUSTOM},...e.map(W)];return l.jsx(Ce,{text:I===c.PREDEFINED?V==null?void 0:V.label:"",children:l.jsx(Z,{testId:o&&`${o}-predefined-menu`,maxHeight:380,groupOrder:"first",disabled:U,menu:{colored:!0,trigger:"Component",component:l.jsx(Pe,{groupOrder:"first",active:I===c.PREDEFINED,icon:I===c.PREDEFINED?"link":"unlink"}),small:!0,sections:D}})})};L.__docgenInfo={description:"",methods:[],displayName:"PredefinedOptionsMenu",props:{predefinedOptions:{required:!0,tsType:{name:"Array",elements:[{name:"IPredefinedOption"}],raw:"IPredefinedOption[]"},description:""},displayLayer:{required:!1,tsType:{name:"IDisplayLayer"},description:""},unitkey:{required:!1,tsType:{name:"string"},description:""},unitTemplate:{required:!0,tsType:{name:"Record",elements:[{name:"string"},{name:"any"}],raw:"Record<string, any>"},description:""},onPredefinedOptionSelect:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: string, options: IPredefinedOption) => void",signature:{arguments:[{type:{name:"string"},name:"value"},{type:{name:"IPredefinedOption"},name:"options"}],return:{name:"void"}}},description:""},disabled:{required:!0,tsType:{name:"boolean"},description:""},initialPredefinedOption:{required:!1,tsType:{name:"string"},description:""},predefinedOptionsMenuState:{required:!0,tsType:{name:"PredefinedOptionsMenuState"},description:""},setPredefinedOptionsMenuState:{required:!0,tsType:{name:"Dispatch",elements:[{name:"SetStateAction",elements:[{name:"PredefinedOptionsMenuState"}],raw:"SetStateAction<PredefinedOptionsMenuState>"}],raw:`Dispatch<
+  SetStateAction<PredefinedOptionsMenuState>
+>`},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const Ae="_predefinedMenuActive_ye9w9_1",ke="_inputWrapper_ye9w9_4",X={predefinedMenuActive:Ae,inputWrapper:ke},Re=({name:e,placeholder:t="",disabled:p=!1,disabledUnit:C=!1,error:q=null,left:U=!1,small:v=!1,width:I="100%",value:u,unitkey:o="",initUnit:R,noConversion:V=!1,onChange:y=N.noop,onClick:_=N.noop,onFocus:W=N.noop,onSwitchUnit:w=N.noop,unitTemplate:D,testId:a,warning:E=null,predefinedOptions:f,initialPredefinedOption:O="",validationCallback:S=()=>({name:"",error:null}),disabledValidation:ee=!1,allowEmpty:te=!1,convertBackToStorageUnit:ne=!1,enableCosmeticRounding:B=!0,enableDisplayRounding:re=!1})=>{const b=Ne(),ie=Se(),[$,ae]=T.useState(c.CUSTOM);typeof u=="number"&&(u=`${u}`);const[se="",P=""]=u!==void 0?r.split(u):[],K=T.useMemo(()=>Y(o,D||(b==null?void 0:b.unitTemplate)),[o,D,b==null?void 0:b.unitTemplate]),ue=je(u,K),h=R||K||P,oe=qe(h),{value:G}=M({value:u,toUnit:h,unitkey:o,defaultFromUnit:P,doNotConvertValue:V}),le=G!==""?{value:G,unit:h}:{value:se,unit:P},[s,F]=T.useState(le),de=te||(s==null?void 0:s.value)===void 0,ce=!!ee,me=()=>{const n=u??"",i=s==null?void 0:s.unit;if(we({value:n,unitkey:o,toUnit:i})){if(o)try{let d=r.altUnitsList(n,o);return r.getValue(n)===""?d.map(g=>["",g[1]]):d}catch{return null}}else{let d=r.getAltUnitsListByQuantity(o);return d==null?void 0:d.map(g=>["",g==null?void 0:g.unit])}},pe=n=>{const i=z(e),m=n.target,{value:d,selectionStart:g}=m,k=r.withUnit(d,(s==null?void 0:s.unit)||""),H=ne?r.withUnit(r.convertAndGetValue(k,P),P):k;y({target:{value:H,name:i}});const[Te,Ue]=r.split(k);F({value:Te,unit:Ue}),ie(()=>{m.selectionStart=g,m.selectionEnd=g})},fe=(n,i)=>{i===s.unit||isNaN(Number(n))||(F({value:n,unit:i}),w&&w(i))};T.useEffect(()=>{if(h){let n,i="";if(oe!==h){const{value:m}=M({value:u,toUnit:h,unitkey:o,defaultFromUnit:P,doNotConvertValue:V});n=m,i=h}else if(r.withUnit(s.value,s.unit)!==u){const{value:m}=M({value:u,toUnit:s.unit,unitkey:o,defaultFromUnit:P,doNotConvertValue:V});n=m,i=s.unit}n!==void 0&&!O&&F({value:n,unit:i})}},[h,u,q]);const j=me(),x=r.label(s.unit)||s.unit||"",ge=V||!j||j&&j.length===1,A=z(e),ve=n=>{if(r.isValueWithUnit(n)){const i=r.getUnit(n),{value:m}=M({value:n,toUnit:s.unit,unitkey:o,defaultFromUnit:i,doNotConvertValue:V});return m}return n};return l.jsx("div",{className:$===c.PREDEFINED?Ve(X.predefinedMenuActive):"",children:l.jsxs(Ie,{small:v,width:I,children:[f&&l.jsx(L,{testId:a,unitTemplate:D||(b==null?void 0:b.unitTemplate),unitkey:o,predefinedOptions:f,displayLayer:s,onPredefinedOptionSelect:(n,i)=>{i!=null&&i.linked||(y({target:{value:n,name:A}}),F({value:n,unit:r.getUnit(n)||s.unit}))},disabled:p,initialPredefinedOption:O,predefinedOptionsMenuState:$,setPredefinedOptionsMenuState:ae}),l.jsx("div",{className:X.inputWrapper,children:l.jsx(ye,{name:A,testId:a,disabled:p,placeholder:ve(t),value:s.value,onChange:pe,onFocus:W,error:q===null?void 0:q,warning:E===null?void 0:E,left:U,allowEmpty:de,validationCallback:(n,i)=>S(A,i),enableCosmeticRounding:B,enableDisplayRounding:re,groupOrder:f?"middle":"first",disableInternalErrorValidationMessages:ce,small:v},A)}),x&&(ge||!ue?l.jsx(he,{groupOrder:"last",children:x}):l.jsx(Z,{maxHeight:380,groupOrder:"last",disabled:C,testId:a&&`${a}-menu`,menu:{label:x,trigger:"DropDownButton",small:v,sections:j.map(([n,i,m])=>{const d=m||i||"",g=r.isValidNum(n)?n:"";return{type:"Option",label:B?Oe(g):g,inline:!0,onClick:H=>{H.stopPropagation(),fe(n,i)},description:d,selected:d===x,testId:`${a}-unit-${d}`}})}}))]})})};Re.__docgenInfo={description:"",methods:[],displayName:"UnitInput",props:{name:{required:!0,tsType:{name:"union",raw:"string | { fieldName?: string }",elements:[{name:"string"},{name:"signature",type:"object",raw:"{ fieldName?: string }",signature:{properties:[{key:"fieldName",value:{name:"string",required:!1}}]}}]},description:""},placeholder:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},disabledUnit:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},error:{required:!1,tsType:{name:"union",raw:"string | null | boolean",elements:[{name:"string"},{name:"null"},{name:"boolean"}]},description:"",defaultValue:{value:"null",computed:!1}},left:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{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}},value:{required:!1,tsType:{name:"string"},description:""},unitkey:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},initUnit:{required:!1,tsType:{name:"string"},description:""},noConversion:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},testId:{required:!1,tsType:{name:"string"},description:""},warning:{required:!1,tsType:{name:"union",raw:"string | boolean | null",elements:[{name:"string"},{name:"boolean"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},predefinedOptions:{required:!1,tsType:{name:"union",raw:"IPredefinedOption[] | null",elements:[{name:"Array",elements:[{name:"IPredefinedOption"}],raw:"IPredefinedOption[]"},{name:"null"}]},description:""},initialPredefinedOption:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},validationCallback:{required:!1,tsType:{name:"signature",type:"function",raw:"(name: string, error: string | null) => any",signature:{arguments:[{type:{name:"string"},name:"name"},{type:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},name:"error"}],return:{name:"any"}}},description:"",defaultValue:{value:"() => ({ name: '', error: null })",computed:!1}},disabledValidation:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},allowEmpty:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: TOnChangeEvent) => void",signature:{arguments:[{type:{name:"signature",type:"object",raw:"{ target: TOnChangeEventTarget }",signature:{properties:[{key:"target",value:{name:"union",raw:`| TOnChangeEventBaseTarget
+| (TOnChangeEventBaseTarget & {
+    predefinedSelected: boolean;
+    predefinedOption: IPredefinedOption;
+  })`,elements:[{name:"signature",type:"object",raw:"{ name: string; value: string }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"value",value:{name:"string",required:!0}}]}},{name:"unknown"}],required:!0}}]}},name:"evt"}],return:{name:"void"}}},description:"",defaultValue:{value:"noop",computed:!0}},onSwitchUnit:{required:!1,tsType:{name:"signature",type:"function",raw:"(unit: string) => void",signature:{arguments:[{type:{name:"string"},name:"unit"}],return:{name:"void"}}},description:"",defaultValue:{value:"noop",computed:!0}},onClick:{required:!1,tsType:{name:"MouseEventHandler",elements:[{name:"HTMLInputElement"}],raw:"MouseEventHandler<HTMLInputElement>"},description:"",defaultValue:{value:"noop",computed:!0}},onFocus:{required:!1,tsType:{name:"FocusEventHandler",elements:[{name:"HTMLInputElement"}],raw:"FocusEventHandler<HTMLInputElement>"},description:"",defaultValue:{value:"noop",computed:!0}},unitTemplate:{required:!1,tsType:{name:"Record",elements:[{name:"string"},{name:"any"}],raw:"Record<string, any>"},description:""},convertBackToStorageUnit:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},enableCosmeticRounding:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},enableDisplayRounding:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}}}};export{Re as U};

package/dist/storybook/assets/unit-input.stories-DBuzpBTN.js

@@ -0,0 +1,203 @@
+import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as l}from"./index-DhsZuJvc.js";import{U as i}from"./unit-input-CFaqZ7UG.js";import{B as c}from"./button-Cbv7WK6k.js";import{S as O}from"./spacer-BWoNR27H.js";import{R as Te,C as qe}from"./row-Bmiy2Lh0.js";import{F as D}from"./field-HrLaMLbx.js";import{M as Ke}from"./message-BRyKdRaX.js";import"./index-C0x1JmaP.js";import"./index-DRSy5Ssd.js";import"./index-Bk2sglWO.js";import"./initialize-context-Y03pJPr5.js";import"./number-input-B3_gmeWr.js";import"./enum-Bnn40S8Q.js";import"./index-CEuq6vkz.js";import"./lodash-c4VUpsOs.js";import"./helpers-JJxzGegQ.js";import"./input-Db9WkmPP.js";import"./disabled-context-rmpd7YJS.js";import"./types-Dx2TtIG9.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./actions-Bax0KeqM.js";import"./common-types-Sih75Sav.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./types-BmbYqTX_.js";import"./badge-CLQ59MDF.js";import"./input-group-addon-D68iUKV2.js";import"./input-group-BaRSJAEN.js";import"./text-B3-TSWok.js";import"./spinner-AWUe4xwQ.js";import"./styled-components.browser.esm-BQ9GQzDc.js";import"./label-CqmyC9he.js";import"./help-icon-Buhx5nl6.js";const{useArgs:Le}=__STORYBOOK_MODULE_PREVIEW_API__,ka={title:"Forms/UnitInput",component:i,args:{name:"example",unitkey:"length",value:"123|m"}},t=s=>{const[n,a]=Le(),r=o=>{a({value:o.target.value})};return e.jsx(i,{...s,onChange:r})},E=t.bind({}),g=t.bind({});g.args={initUnit:"ft",unitTemplate:{length:"ft"}};const p=t.bind({});p.args={value:'123|"',unitkey:'"'};const m=t.bind({});m.args={width:"180px"};const h=t.bind({});h.args={noConversion:!0};const v=t.bind({});v.args={small:!0};const C=t.bind({});C.args={error:"Error message goes here"};const b=t.bind({});b.args={value:"asas123asd|%"};const u=t.bind({});u.args={disabled:!0,disabledUnit:!0};u.parameters={docs:{description:{story:"Each part of UnitInput can be disabled separately. `disabled` disables only the main text input, `disabledUnit` disables only the unit menu. **Needs review (comes from Reservoir input requirements)**"}}};const U=t.bind({});U.args={disabled:!0,disabledUnit:!0,noConversion:!0};const y=t.bind({});y.args={disabledUnit:!0,unitkey:void 0};const x=t.bind({});x.args={disabledUnit:!0,unitkey:"length"};const A=t.bind({});A.args={disabledUnit:!1,disabled:!0};const f=t.bind({});f.args={name:"unitInput",placeholder:"Enter value",unitkey:"length",predefinedOptions:[{label:"Bottom of casing",value:"12|km"},{label:"Mud weight at shoe depth",value:"8|m"}],initialPredefinedOption:"8|m"};const I=t.bind({});I.args={name:"unitInput",placeholder:"Enter value",unitkey:"length",unitTemplate:{length:"ft"},predefinedOptions:[{label:"Bottom of casing in ft",value:"7|ft"},{label:"Bottom of casing",value:"12|m"},{label:"Mud weight at shoe depth",value:"8|m"}]};const S=t.bind({});S.args={name:"unitInput",placeholder:"Enter value",unitkey:"length",unitTemplate:{length:"ft"},predefinedOptions:[{label:"Bottom of casing",value:"12|km"},{label:"Mud weight at shoe depth",value:"8|m"},{label:"Mud weight at shoe depth",value:"35|%",unitkey:"percentage",linked:!0}]};const w=()=>{const s="500px",[n,a]=l.useState("1|m");return e.jsxs(e.Fragment,{children:[e.jsx("h4",{children:"Different cases for automatic (placeholder) values:"}),e.jsx(Te,{children:e.jsxs(qe,{width:"25%",children:[e.jsx(c,{label:"Change value to ''",onClick:()=>a("")}),e.jsx("br",{}),e.jsx(c,{label:"Change value to 1",onClick:()=>a("1")}),e.jsx("br",{}),e.jsx(c,{label:"Change value to 1|m",onClick:()=>a("1|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value to |m - empty value",onClick:()=>a("|m")})]})}),e.jsx("br",{}),e.jsx(D,{label:"Normal PUI (only placeholder)",children:e.jsx(i,{name:"example1",onChange:r=>a(r.target.value),value:n,unitkey:"length",width:s,placeholder:"Placeholder test"})}),e.jsx(D,{label:"Normal PUI (placeholder + allowEmpty)",children:e.jsx(i,{name:"example1",onChange:r=>a(r.target.value),value:n,unitkey:"length",width:s,placeholder:"Placeholder test",allowEmpty:!0})}),e.jsx(Ke,{message:{heading:"Current value inside PUI: "+n,visible:!0}})]})},k=()=>{const[s,n]=l.useState("123|%"),[a,r]=l.useState(null),o="This should be visible when an error appears",P=(d,_)=>(r(_),{name:d,error:_});return e.jsxs(e.Fragment,{children:[e.jsx("h4",{children:"3rd party validation message when inputting invalid value:"}),e.jsx(i,{name:"example",onChange:d=>n(d.target.value),error:!a||o,validationCallback:P,value:s}),e.jsx("br",{}),e.jsx(O,{}),e.jsx("h4",{children:"Original validation message: "}),e.jsx(Ke,{message:{heading:a,visible:!0}})]})},j=()=>{const[s,n]=l.useState("123|m"),[a,r]=l.useState(""),[o,P]=l.useState("km"),d=()=>{P("ft"),r("placeholder"),n("|m")};return e.jsxs(e.Fragment,{children:[e.jsx("h4",{children:"Empty value case:"}),e.jsx(i,{name:"example",onChange:_=>n(_.target.value),value:s,allowEmpty:!0,placeholder:a,initUnit:o,unitkey:"length"}),e.jsx("br",{}),e.jsx(O,{}),e.jsx(c,{label:"Change value |m and unit ft",onClick:()=>d()})]})},V=()=>{const[s,n]=l.useState("123|m"),[a,r]=l.useState("m");return e.jsxs(e.Fragment,{children:[e.jsx(i,{name:"example",onChange:o=>n(o.target.value),value:s,initUnit:a,unitkey:"length",onSwitchUnit:r}),e.jsx(O,{}),e.jsx(i,{name:"example",onChange:o=>n(o.target.value),value:s,initUnit:a,unitkey:"length",onSwitchUnit:r})]})};w.__docgenInfo={description:"",methods:[],displayName:"AutomaticValues"};k.__docgenInfo={description:"",methods:[],displayName:"ValidationCallback"};j.__docgenInfo={description:"",methods:[],displayName:"AllowEmptyPUI"};V.__docgenInfo={description:"",methods:[],displayName:"OnSwitchUnit"};var M,N,B;E.parameters={...E.parameters,docs:{...(M=E.parameters)==null?void 0:M.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <UnitInput {...args} onChange={handleChange} />;
+}`,...(B=(N=E.parameters)==null?void 0:N.docs)==null?void 0:B.source}}};var F,W,R;g.parameters={...g.parameters,docs:{...(F=g.parameters)==null?void 0:F.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <UnitInput {...args} onChange={handleChange} />;
+}`,...(R=(W=g.parameters)==null?void 0:W.docs)==null?void 0:R.source}}};var K,T,q;p.parameters={...p.parameters,docs:{...(K=p.parameters)==null?void 0:K.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <UnitInput {...args} onChange={handleChange} />;
+}`,...(q=(T=p.parameters)==null?void 0:T.docs)==null?void 0:q.source}}};var L,Y,z;m.parameters={...m.parameters,docs:{...(L=m.parameters)==null?void 0:L.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <UnitInput {...args} onChange={handleChange} />;
+}`,...(z=(Y=m.parameters)==null?void 0:Y.docs)==null?void 0:z.source}}};var G,H,J;h.parameters={...h.parameters,docs:{...(G=h.parameters)==null?void 0:G.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <UnitInput {...args} onChange={handleChange} />;
+}`,...(J=(H=h.parameters)==null?void 0:H.docs)==null?void 0:J.source}}};var Q,X,Z;v.parameters={...v.parameters,docs:{...(Q=v.parameters)==null?void 0:Q.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <UnitInput {...args} onChange={handleChange} />;
+}`,...(Z=(X=v.parameters)==null?void 0:X.docs)==null?void 0:Z.source}}};var $,ee,ae;C.parameters={...C.parameters,docs:{...($=C.parameters)==null?void 0:$.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <UnitInput {...args} onChange={handleChange} />;
+}`,...(ae=(ee=C.parameters)==null?void 0:ee.docs)==null?void 0:ae.source}}};var te,ne,re;b.parameters={...b.parameters,docs:{...(te=b.parameters)==null?void 0:te.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <UnitInput {...args} onChange={handleChange} />;
+}`,...(re=(ne=b.parameters)==null?void 0:ne.docs)==null?void 0:re.source}}};var se,oe,le;u.parameters={...u.parameters,docs:{...(se=u.parameters)==null?void 0:se.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <UnitInput {...args} onChange={handleChange} />;
+}`,...(le=(oe=u.parameters)==null?void 0:oe.docs)==null?void 0:le.source}}};var ie,ue,de;U.parameters={...U.parameters,docs:{...(ie=U.parameters)==null?void 0:ie.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <UnitInput {...args} onChange={handleChange} />;
+}`,...(de=(ue=U.parameters)==null?void 0:ue.docs)==null?void 0:de.source}}};var ce,ge,pe;y.parameters={...y.parameters,docs:{...(ce=y.parameters)==null?void 0:ce.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <UnitInput {...args} onChange={handleChange} />;
+}`,...(pe=(ge=y.parameters)==null?void 0:ge.docs)==null?void 0:pe.source}}};var me,he,ve;x.parameters={...x.parameters,docs:{...(me=x.parameters)==null?void 0:me.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <UnitInput {...args} onChange={handleChange} />;
+}`,...(ve=(he=x.parameters)==null?void 0:he.docs)==null?void 0:ve.source}}};var Ce,be,Ue;A.parameters={...A.parameters,docs:{...(Ce=A.parameters)==null?void 0:Ce.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <UnitInput {...args} onChange={handleChange} />;
+}`,...(Ue=(be=A.parameters)==null?void 0:be.docs)==null?void 0:Ue.source}}};var ye,xe,Ae;f.parameters={...f.parameters,docs:{...(ye=f.parameters)==null?void 0:ye.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <UnitInput {...args} onChange={handleChange} />;
+}`,...(Ae=(xe=f.parameters)==null?void 0:xe.docs)==null?void 0:Ae.source}}};var fe,Ie,Se;I.parameters={...I.parameters,docs:{...(fe=I.parameters)==null?void 0:fe.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <UnitInput {...args} onChange={handleChange} />;
+}`,...(Se=(Ie=I.parameters)==null?void 0:Ie.docs)==null?void 0:Se.source}}};var we,ke,je;S.parameters={...S.parameters,docs:{...(we=S.parameters)==null?void 0:we.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <UnitInput {...args} onChange={handleChange} />;
+}`,...(je=(ke=S.parameters)==null?void 0:ke.docs)==null?void 0:je.source}}};var Ve,_e,Ee;w.parameters={...w.parameters,docs:{...(Ve=w.parameters)==null?void 0:Ve.docs,source:{originalSource:`() => {
+  const width = '500px';
+  const [value, setValue] = useState<string>('1|m');
+  return <>
+      <h4>Different cases for automatic (placeholder) values:</h4>
+      <Row>
+        <Column width="25%">
+          <Button label="Change value to ''" onClick={() => setValue('')} />
+          <br />
+          <Button label="Change value to 1" onClick={() => setValue('1')} />
+          <br />
+          <Button label="Change value to 1|m" onClick={() => setValue('1|m')} />
+          <br />
+          <Button label="Change value to |m - empty value" onClick={() => setValue('|m')} />
+        </Column>
+      </Row>
+      <br />
+      <Field label="Normal PUI (only placeholder)">
+        <UnitInput name="example1" onChange={evt => setValue(evt.target.value)} value={value} unitkey="length" width={width} placeholder="Placeholder test" />
+      </Field>
+      <Field label="Normal PUI (placeholder + allowEmpty)">
+        <UnitInput name="example1" onChange={evt => setValue(evt.target.value)} value={value} unitkey="length" width={width} placeholder="Placeholder test" allowEmpty />
+      </Field>
+      <Message message={{
+      heading: 'Current value inside PUI: ' + value,
+      visible: true
+    }} />
+    </>;
+}`,...(Ee=(_e=w.parameters)==null?void 0:_e.docs)==null?void 0:Ee.source}}};var Pe,Oe,De;k.parameters={...k.parameters,docs:{...(Pe=k.parameters)==null?void 0:Pe.docs,source:{originalSource:`() => {
+  const [value, setValue] = useState('123|%');
+  const [validation, setValidation] = useState<string | null>(null);
+  const predictedMessage = 'This should be visible when an error appears';
+  const handleValidation = (name: string, error: string | null) => {
+    setValidation(error);
+    return {
+      name,
+      error
+    };
+  };
+  return <>
+      <h4>3rd party validation message when inputting invalid value:</h4>
+      <UnitInput name="example" onChange={evt => setValue(evt.target.value)} error={!validation || predictedMessage} validationCallback={handleValidation} value={value} />
+      <br />
+      <Spacer />
+      <h4>Original validation message: </h4>
+      <Message message={{
+      heading: validation,
+      visible: true
+    }} />
+    </>;
+}`,...(De=(Oe=k.parameters)==null?void 0:Oe.docs)==null?void 0:De.source}}};var Me,Ne,Be;j.parameters={...j.parameters,docs:{...(Me=j.parameters)==null?void 0:Me.docs,source:{originalSource:`() => {
+  const [value, setValue] = useState('123|m');
+  const [placeholder, setPlaceholder] = useState('');
+  const [initUnit, setInitUnit] = useState('km');
+  const setPlaceholderValue = () => {
+    setInitUnit('ft');
+    setPlaceholder('placeholder');
+    setValue('|m');
+  };
+  return <>
+      <h4>Empty value case:</h4>
+      <UnitInput name="example" onChange={evt => setValue(evt.target.value)} value={value} allowEmpty placeholder={placeholder} initUnit={initUnit} unitkey="length" />
+      <br />
+      <Spacer />
+      <Button label="Change value |m and unit ft" onClick={() => setPlaceholderValue()} />
+    </>;
+}`,...(Be=(Ne=j.parameters)==null?void 0:Ne.docs)==null?void 0:Be.source}}};var Fe,We,Re;V.parameters={...V.parameters,docs:{...(Fe=V.parameters)==null?void 0:Fe.docs,source:{originalSource:`() => {
+  const [value, setValue] = useState('123|m');
+  const [unit, setUnit] = useState('m');
+  return <>
+      <UnitInput name="example" onChange={evt => setValue(evt.target.value)} value={value} initUnit={unit} unitkey="length" onSwitchUnit={setUnit} />
+      <Spacer />
+      <UnitInput name="example" onChange={evt => setValue(evt.target.value)} value={value} initUnit={unit} unitkey="length" onSwitchUnit={setUnit} />
+    </>;
+}`,...(Re=(We=V.parameters)==null?void 0:We.docs)==null?void 0:Re.source}}};const ja=["Default","InitUnit","NotKnownUnit","Width","NoConversion","Small","Error","InternalValidationError","Disabled","DisabledNoConversion","DisabledUnitWithoutUnitKey","DisabledUnitWithUnitKey","DisabledWithEnabledUnitMenu","PredefinedOptionsMenu","PredefinedOptionsConverted","PredefinedOptionsWithDiffUnit","AutomaticValues","ValidationCallback","AllowEmptyPUI","OnSwitchUnit"];export{j as AllowEmptyPUI,w as AutomaticValues,E as Default,u as Disabled,U as DisabledNoConversion,x as DisabledUnitWithUnitKey,y as DisabledUnitWithoutUnitKey,A as DisabledWithEnabledUnitMenu,C as Error,g as InitUnit,b as InternalValidationError,h as NoConversion,p as NotKnownUnit,V as OnSwitchUnit,I as PredefinedOptionsConverted,f as PredefinedOptionsMenu,S as PredefinedOptionsWithDiffUnit,v as Small,k as ValidationCallback,m as Width,ja as __namedExportsOrder,ka as default};