@oliasoft-open-source/react-ui-library 4.0.0-beta-64 → 4.0.0-beta-65

package/dist/storybook/assets/{side-bar-27990e4e.js → side-bar-752d1016.js}

@@ -1 +1 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{r as u,R as h}from"./index-f80c8c95.js";import{c as b}from"./index-a80ed1cf.js";import{i as f}from"./index-c7f280f6.js";import{B as y,I as E}from"./common-types-2c81813f.js";import{D as j}from"./drawer-7c124013.js";import{T as I}from"./tooltip-23e84186.js";import{I as T}from"./icon-ba53aa84.js";import{B as M}from"./badge-3abf067b.js";import{B as N}from"./button-2f702fe9.js";const S="_inputInTable_9gmrd_1",C="_inputHover_9gmrd_13",O="_inputFocus_9gmrd_18",q="_inputError_9gmrd_25",k="_inputWarning_9gmrd_26",B="_inputDisabled_9gmrd_61",V="_hideScrollbars_9gmrd_67",L="_sidebar_9gmrd_82",A="_inner_9gmrd_93",H="_title_9gmrd_103",F="_subtitle_9gmrd_104",D="_label_9gmrd_105",R="_collapsed_9gmrd_109",W="_list_9gmrd_134",P="_item_9gmrd_138",z="_experimental_9gmrd_153",U="_active_9gmrd_157",$="_icon_9gmrd_161",s={inputInTable:S,inputHover:C,inputFocus:O,inputError:q,inputWarning:k,inputDisabled:B,hideScrollbars:V,sidebar:L,inner:A,title:H,subtitle:F,label:D,collapsed:R,list:W,item:P,experimental:z,active:U,icon:$},w=u.memo(({isOpen:t,label:i,icon:l,invalid:a})=>{const r=()=>e.jsx(I,{text:i,enabled:!t,placement:"right-center",possiblePlacements:["right-center"],triggerOffset:24,fontSize:16,padding:"var(--padding-sm)",display:"block",children:e.jsx(T,{icon:l})}),n=()=>e.jsx(M,{small:!0,title:"!",margin:4,children:e.jsx(r,{})});return e.jsxs(e.Fragment,{children:[e.jsx("span",{className:s.icon,children:a?e.jsx(n,{}):e.jsx(r,{})}),e.jsx("span",{className:s.label,children:i})]})},(t,i)=>f(t,i)),p=({isOpen:t,items:i,sectionIndex:l,onClick:a,testId:r})=>e.jsx("div",{className:s.list,children:i.map((n,d)=>{const c=`${l}_${d}`;return e.jsx("a",{href:n.value,className:b(s.item,n.isActive?s.active:"",n.isExperimental?s.experimental:""),onClick:o=>a(o,n.value,n.label,n.onClick),"data-testid":r,children:e.jsx(w,{label:n.label,icon:n.icon,invalid:n.invalid,isOpen:t},c)},c)})});try{p.displayName="Link",p.__docgenInfo={description:"",displayName:"Link",props:{isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"{ value: string; isActive?: boolean | undefined; isExperimental?: boolean | undefined; label: ReactNode; icon: any; invalid?: boolean | undefined; onClick?: ((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined; }[]"}},sectionIndex:{defaultValue:null,description:"",name:"sectionIndex",required:!0,type:{name:"number"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, value: string, label: ReactNode, onClickCallback?: ((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined) => void"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const m=({isOpen:t,sections:i,onClick:l})=>e.jsx(e.Fragment,{children:i.map((a,r)=>e.jsxs(h.Fragment,{children:[e.jsx("h5",{className:s.subtitle,children:a.heading.toUpperCase()}),e.jsx(p,{isOpen:t,items:a.items,sectionIndex:r,onClick:l,testId:a.testId})]},r))});try{m.displayName="Sections",m.__docgenInfo={description:"",displayName:"Sections",props:{isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},sections:{defaultValue:null,description:"",name:"sections",required:!0,type:{name:"ISection[]"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, value: string, label: ReactNode, onClickCallback?: ((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined) => void"}}}}}catch{}const g=u.memo(({options:t,startOpen:i=!1,onShiftClickToggleOpen:l=()=>{},top:a})=>{const[r,n]=u.useState(i),d=(o,v,x,_)=>{o.preventDefault(),typeof _=="function"&&(o.currentTarget.value=v,o.currentTarget.label=x,_(o)),n(!1)},c=t.sections.length>0;return e.jsx(j,{fixed:!0,open:r,top:a,background:"var(--color-background-sidebar)",closedWidth:"var(--size-sidebar)",buttonPosition:y.BOTTOM,buttonAnimate:!0,button:c&&e.jsx(N,{onClick:o=>{o.shiftKey&&l&&l(o),n(!r)},colored:!0,round:!0,icon:E.LEFT}),children:e.jsx("div",{className:b(s.sidebar,r?"":s.collapsed),children:c&&e.jsxs("div",{className:s.inner,children:[e.jsx("h4",{className:s.title,children:t.title}),e.jsx(m,{isOpen:r,sections:t.sections,onClick:d})]})})})},(t,i)=>f(t,i));try{g.displayName="SideBar",g.__docgenInfo={description:"",displayName:"SideBar",props:{options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"{ title: string; sections: IOptionSection[]; }"}},startOpen:{defaultValue:null,description:"",name:"startOpen",required:!1,type:{name:"boolean"}},onShiftClickToggleOpen:{defaultValue:null,description:"",name:"onShiftClickToggleOpen",required:!1,type:{name:"((evt: MouseEvent<HTMLButtonElement, MouseEvent>) => void)"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}export{g as S};
+import{j as e}from"./jsx-runtime-f961835c.js";import{r as u,R as h}from"./index-f80c8c95.js";import{c as b}from"./index-a80ed1cf.js";import{i as f}from"./index-c7f280f6.js";import{B as y,I as E}from"./common-types-2c81813f.js";import{D as j}from"./drawer-8bee1ea4.js";import{T as I}from"./tooltip-23e84186.js";import{I as T}from"./icon-ba53aa84.js";import{B as M}from"./badge-3abf067b.js";import{B as N}from"./button-2f702fe9.js";const S="_inputInTable_9gmrd_1",C="_inputHover_9gmrd_13",O="_inputFocus_9gmrd_18",q="_inputError_9gmrd_25",k="_inputWarning_9gmrd_26",B="_inputDisabled_9gmrd_61",V="_hideScrollbars_9gmrd_67",L="_sidebar_9gmrd_82",A="_inner_9gmrd_93",H="_title_9gmrd_103",F="_subtitle_9gmrd_104",D="_label_9gmrd_105",R="_collapsed_9gmrd_109",W="_list_9gmrd_134",P="_item_9gmrd_138",z="_experimental_9gmrd_153",U="_active_9gmrd_157",$="_icon_9gmrd_161",s={inputInTable:S,inputHover:C,inputFocus:O,inputError:q,inputWarning:k,inputDisabled:B,hideScrollbars:V,sidebar:L,inner:A,title:H,subtitle:F,label:D,collapsed:R,list:W,item:P,experimental:z,active:U,icon:$},w=u.memo(({isOpen:t,label:i,icon:l,invalid:a})=>{const r=()=>e.jsx(I,{text:i,enabled:!t,placement:"right-center",possiblePlacements:["right-center"],triggerOffset:24,fontSize:16,padding:"var(--padding-sm)",display:"block",children:e.jsx(T,{icon:l})}),n=()=>e.jsx(M,{small:!0,title:"!",margin:4,children:e.jsx(r,{})});return e.jsxs(e.Fragment,{children:[e.jsx("span",{className:s.icon,children:a?e.jsx(n,{}):e.jsx(r,{})}),e.jsx("span",{className:s.label,children:i})]})},(t,i)=>f(t,i)),p=({isOpen:t,items:i,sectionIndex:l,onClick:a,testId:r})=>e.jsx("div",{className:s.list,children:i.map((n,d)=>{const c=`${l}_${d}`;return e.jsx("a",{href:n.value,className:b(s.item,n.isActive?s.active:"",n.isExperimental?s.experimental:""),onClick:o=>a(o,n.value,n.label,n.onClick),"data-testid":r,children:e.jsx(w,{label:n.label,icon:n.icon,invalid:n.invalid,isOpen:t},c)},c)})});try{p.displayName="Link",p.__docgenInfo={description:"",displayName:"Link",props:{isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"{ value: string; isActive?: boolean | undefined; isExperimental?: boolean | undefined; label: ReactNode; icon: any; invalid?: boolean | undefined; onClick?: ((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined; }[]"}},sectionIndex:{defaultValue:null,description:"",name:"sectionIndex",required:!0,type:{name:"number"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, value: string, label: ReactNode, onClickCallback?: ((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined) => void"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const m=({isOpen:t,sections:i,onClick:l})=>e.jsx(e.Fragment,{children:i.map((a,r)=>e.jsxs(h.Fragment,{children:[e.jsx("h5",{className:s.subtitle,children:a.heading.toUpperCase()}),e.jsx(p,{isOpen:t,items:a.items,sectionIndex:r,onClick:l,testId:a.testId})]},r))});try{m.displayName="Sections",m.__docgenInfo={description:"",displayName:"Sections",props:{isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},sections:{defaultValue:null,description:"",name:"sections",required:!0,type:{name:"ISection[]"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, value: string, label: ReactNode, onClickCallback?: ((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined) => void"}}}}}catch{}const g=u.memo(({options:t,startOpen:i=!1,onShiftClickToggleOpen:l=()=>{},top:a})=>{const[r,n]=u.useState(i),d=(o,v,x,_)=>{o.preventDefault(),typeof _=="function"&&(o.currentTarget.value=v,o.currentTarget.label=x,_(o)),n(!1)},c=t.sections.length>0;return e.jsx(j,{fixed:!0,open:r,top:a,background:"var(--color-background-sidebar)",closedWidth:"var(--size-sidebar)",buttonPosition:y.BOTTOM,buttonAnimate:!0,button:c&&e.jsx(N,{onClick:o=>{o.shiftKey&&l&&l(o),n(!r)},colored:!0,round:!0,icon:E.LEFT}),children:e.jsx("div",{className:b(s.sidebar,r?"":s.collapsed),children:c&&e.jsxs("div",{className:s.inner,children:[e.jsx("h4",{className:s.title,children:t.title}),e.jsx(m,{isOpen:r,sections:t.sections,onClick:d})]})})})},(t,i)=>f(t,i));try{g.displayName="SideBar",g.__docgenInfo={description:"",displayName:"SideBar",props:{options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"{ title: string; sections: IOptionSection[]; }"}},startOpen:{defaultValue:null,description:"",name:"startOpen",required:!1,type:{name:"boolean"}},onShiftClickToggleOpen:{defaultValue:null,description:"",name:"onShiftClickToggleOpen",required:!1,type:{name:"((evt: MouseEvent<HTMLButtonElement, MouseEvent>) => void)"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}export{g as S};

package/dist/storybook/assets/{side-bar.stories-dfa96f1f.js → side-bar.stories-c5fc8c4e.js}

@@ -1 +1 @@
-import{j as a}from"./jsx-runtime-f961835c.js";import{I as t}from"./common-types-2c81813f.js";import{S as m}from"./side-bar-27990e4e.js";import{F as g}from"./flex-47732c42.js";import{B as u}from"./badge-3abf067b.js";import{s as S}from"./icon-custom-822ce507.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./index-c7f280f6.js";import"./drawer-7c124013.js";import"./lodash-75c70a11.js";import"./index-c89a1915.js";import"./index-3d476d02.js";import"./icon-ba53aa84.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./disabled-context-d654f6ff.js";import"./button-2f702fe9.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";const h=[{heading:"First Heading",items:[{label:"Section A",value:"/path/to/something",onClick:()=>{},icon:S},{label:a.jsxs(g,{alignItems:"center",gap:"var(--padding-xxs)",children:["Section B",a.jsx(u,{small:!0,title:"BETA"})]}),value:"/path/to/something",onClick:()=>{},icon:t.HELP,isActive:!0},{label:"Section C",value:"/path/to/something",onClick:()=>{},icon:t.EDIT},{label:"Experimental Section",value:"/path/to/something",onClick:()=>{},icon:t.LIBRARY,isExperimental:!0}]},{heading:"Second Heading",items:[{label:"Section 1",value:"/path/to/something",onClick:()=>{},icon:t.SETTINGS},{label:"Section 2",value:"/path/to/something",onClick:()=>{},icon:t.STAR},{label:"Invalid Section",value:"/path/to/something",onClick:()=>{},icon:t.NOTIFICATION,invalid:!0}]}],L={title:"Navigation/SideBar",component:m,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},args:{options:{title:"Title",sections:h},startOpen:!1},argTypes:{top:{control:{type:"text"}},startOpen:{control:{type:"boolean"}}}},c=d=>a.jsx(m,{...d}),o=c.bind({}),e=c.bind({});e.args={startOpen:!0};var i,r,s;o.parameters={...o.parameters,docs:{...(i=o.parameters)==null?void 0:i.docs,source:{originalSource:"args => <SideBar {...args} />",...(s=(r=o.parameters)==null?void 0:r.docs)==null?void 0:s.source}}};var n,l,p;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"args => <SideBar {...args} />",...(p=(l=e.parameters)==null?void 0:l.docs)==null?void 0:p.source}}};const G=["Default","StartOpen"];export{o as Default,e as StartOpen,G as __namedExportsOrder,L as default};
+import{j as a}from"./jsx-runtime-f961835c.js";import{I as t}from"./common-types-2c81813f.js";import{S as m}from"./side-bar-752d1016.js";import{F as g}from"./flex-47732c42.js";import{B as u}from"./badge-3abf067b.js";import{s as S}from"./icon-custom-822ce507.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./index-c7f280f6.js";import"./drawer-8bee1ea4.js";import"./lodash-75c70a11.js";import"./index-c89a1915.js";import"./index-3d476d02.js";import"./icon-ba53aa84.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./disabled-context-d654f6ff.js";import"./button-2f702fe9.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";const h=[{heading:"First Heading",items:[{label:"Section A",value:"/path/to/something",onClick:()=>{},icon:S},{label:a.jsxs(g,{alignItems:"center",gap:"var(--padding-xxs)",children:["Section B",a.jsx(u,{small:!0,title:"BETA"})]}),value:"/path/to/something",onClick:()=>{},icon:t.HELP,isActive:!0},{label:"Section C",value:"/path/to/something",onClick:()=>{},icon:t.EDIT},{label:"Experimental Section",value:"/path/to/something",onClick:()=>{},icon:t.LIBRARY,isExperimental:!0}]},{heading:"Second Heading",items:[{label:"Section 1",value:"/path/to/something",onClick:()=>{},icon:t.SETTINGS},{label:"Section 2",value:"/path/to/something",onClick:()=>{},icon:t.STAR},{label:"Invalid Section",value:"/path/to/something",onClick:()=>{},icon:t.NOTIFICATION,invalid:!0}]}],L={title:"Navigation/SideBar",component:m,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},args:{options:{title:"Title",sections:h},startOpen:!1},argTypes:{top:{control:{type:"text"}},startOpen:{control:{type:"boolean"}}}},c=d=>a.jsx(m,{...d}),o=c.bind({}),e=c.bind({});e.args={startOpen:!0};var i,r,s;o.parameters={...o.parameters,docs:{...(i=o.parameters)==null?void 0:i.docs,source:{originalSource:"args => <SideBar {...args} />",...(s=(r=o.parameters)==null?void 0:r.docs)==null?void 0:s.source}}};var n,l,p;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"args => <SideBar {...args} />",...(p=(l=e.parameters)==null?void 0:l.docs)==null?void 0:p.source}}};const G=["Default","StartOpen"];export{o as Default,e as StartOpen,G as __namedExportsOrder,L as default};

package/dist/storybook/assets/{site.stories-67b90bc5.js → site.stories-e8f54abb.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{r as x}from"./index-f80c8c95.js";import{I as j}from"./common-types-2c81813f.js";import{T as g}from"./top-bar-14412c5b.js";import{S as w}from"./side-bar-27990e4e.js";import{H as t}from"./heading-18a1d4cf.js";import{B as L}from"./button-2f702fe9.js";import{D as v}from"./drawer-7c124013.js";import{L as d}from"./list-cfb04cf7.js";import{F as l}from"./field-efabf62f.js";import{I as a}from"./input-d68625a5.js";import{C as m}from"./check-box-aafd2a32.js";import{P as f}from"./page-6d07f774.js";import{R as o,C as i}from"./row-2f12e486.js";import{A as u}from"./accordion-eeee6b86.js";import{S as s}from"./spacer-54db0620.js";import{T as F}from"./tabs-e616ae83.js";import"./index-a80ed1cf.js";import"./icon-ba53aa84.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-6df5b8ae.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-3abf067b.js";import"./index-c7f280f6.js";import"./help-icon-3265d994.js";import"./spinner-cb92a546.js";import"./index.es-648fc14e.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-3847c251.js";import"./list-heading-5f9bef91.js";import"./loader-87ec8334.js";import"./label-633a77ac.js";import"./styled-components.browser.esm-416d73e5.js";import"./select.input-88b6ebab.js";const C=[{label:"Import",value:"import",right:!0},{label:"Settings",value:"settings",right:!0}],S=()=>e.jsx("div",{style:{background:"#AAD3DF",borderLeft:"1px solid #8AB3BF",display:"flex",alignItems:"center",justifyContent:"center",color:"white",height:"100%"},children:"MAP"}),be={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},n=()=>{const[r,b]=x.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(g,{}),e.jsx(w,{options:{title:"",sections:[]},width:"250px"}),e.jsx(f,{padding:!1,scroll:!1,children:e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(v,{button:e.jsx(L,{onClick:()=>b(!r),round:!0,icon:j.CHEVRON_LEFT}),open:r,width:300,closedWidth:"var(--size-sidebar)",children:[e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Sites",items:[{id:1,name:"Main Site",type:"Heading"},{id:2,name:"Site name here",active:!0,label:{value:1,color:"#69779b"}},{id:3,name:"Locations",type:"Heading"},{id:4,name:"Ipsum",label:{value:2,color:"#69779b"}},{id:5,name:"Dolor",label:{value:3,color:"#69779b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Wells",items:[{id:1,name:"Main Wellbore",type:"Heading"},{id:2,name:"Lorem",label:{value:1,color:"#77699b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Targets",items:[{id:1,name:"Lorem",label:{value:1,color:"#9b6977"}}]}})]}),e.jsxs(i,{borderLeft:!0,flexbox:!0,children:[e.jsx(s,{}),e.jsx(F,{padding:!0,margin:!1,options:C}),e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(i,{scroll:!0,padding:!0,width:550,children:[e.jsx(t,{top:!0,children:"Site name here"}),e.jsx(l,{label:"Name",children:e.jsx(a,{value:"Site name here",width:"200px"})}),e.jsxs(u,{heading:e.jsx(t,{children:"Coordinate Reference System"}),managed:!0,children:[e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{children:e.jsx(m,{label:"Dolor"})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Location"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Model"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsxs(u,{heading:e.jsx(t,{children:"Settings"}),managed:!0,children:[e.jsx(l,{children:e.jsx(m,{label:"Dolor"})}),e.jsxs(o,{children:[e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]}),e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]})]})]})]}),e.jsx(i,{children:e.jsx(S,{})})]})]})]})})]})};var p,c,h;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
+import{j as e}from"./jsx-runtime-f961835c.js";import{r as x}from"./index-f80c8c95.js";import{I as j}from"./common-types-2c81813f.js";import{T as g}from"./top-bar-04dfd953.js";import{S as w}from"./side-bar-752d1016.js";import{H as t}from"./heading-18a1d4cf.js";import{B as L}from"./button-2f702fe9.js";import{D as v}from"./drawer-8bee1ea4.js";import{L as d}from"./list-cfb04cf7.js";import{F as l}from"./field-efabf62f.js";import{I as a}from"./input-d68625a5.js";import{C as m}from"./check-box-aafd2a32.js";import{P as f}from"./page-6d07f774.js";import{R as o,C as i}from"./row-2f12e486.js";import{A as u}from"./accordion-eeee6b86.js";import{S as s}from"./spacer-54db0620.js";import{T as F}from"./tabs-30a4710b.js";import"./index-a80ed1cf.js";import"./icon-ba53aa84.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-6df5b8ae.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-3abf067b.js";import"./index-c7f280f6.js";import"./help-icon-3265d994.js";import"./spinner-cb92a546.js";import"./index.es-648fc14e.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-3847c251.js";import"./list-heading-5f9bef91.js";import"./loader-87ec8334.js";import"./label-633a77ac.js";import"./styled-components.browser.esm-416d73e5.js";import"./select.input-88b6ebab.js";const C=[{label:"Import",value:"import",right:!0},{label:"Settings",value:"settings",right:!0}],S=()=>e.jsx("div",{style:{background:"#AAD3DF",borderLeft:"1px solid #8AB3BF",display:"flex",alignItems:"center",justifyContent:"center",color:"white",height:"100%"},children:"MAP"}),be={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},n=()=>{const[r,b]=x.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(g,{}),e.jsx(w,{options:{title:"",sections:[]},width:"250px"}),e.jsx(f,{padding:!1,scroll:!1,children:e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(v,{button:e.jsx(L,{onClick:()=>b(!r),round:!0,icon:j.CHEVRON_LEFT}),open:r,width:300,closedWidth:"var(--size-sidebar)",children:[e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Sites",items:[{id:1,name:"Main Site",type:"Heading"},{id:2,name:"Site name here",active:!0,label:{value:1,color:"#69779b"}},{id:3,name:"Locations",type:"Heading"},{id:4,name:"Ipsum",label:{value:2,color:"#69779b"}},{id:5,name:"Dolor",label:{value:3,color:"#69779b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Wells",items:[{id:1,name:"Main Wellbore",type:"Heading"},{id:2,name:"Lorem",label:{value:1,color:"#77699b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Targets",items:[{id:1,name:"Lorem",label:{value:1,color:"#9b6977"}}]}})]}),e.jsxs(i,{borderLeft:!0,flexbox:!0,children:[e.jsx(s,{}),e.jsx(F,{padding:!0,margin:!1,options:C}),e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(i,{scroll:!0,padding:!0,width:550,children:[e.jsx(t,{top:!0,children:"Site name here"}),e.jsx(l,{label:"Name",children:e.jsx(a,{value:"Site name here",width:"200px"})}),e.jsxs(u,{heading:e.jsx(t,{children:"Coordinate Reference System"}),managed:!0,children:[e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{children:e.jsx(m,{label:"Dolor"})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Location"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Model"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsxs(u,{heading:e.jsx(t,{children:"Settings"}),managed:!0,children:[e.jsx(l,{children:e.jsx(m,{label:"Dolor"})}),e.jsxs(o,{children:[e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]}),e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]})]})]})]}),e.jsx(i,{children:e.jsx(S,{})})]})]})]})})]})};var p,c,h;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
   const [open, setOpen] = useState(true);
   return <>
       <TopBar />

package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-76fb27a6.js → syntaxhighlighter-NMPM6SWI-d67f2f46.js}

@@ -1 +1 @@
-import{S as c,c as l,s as n}from"./index-ccbd9483.js";import"./iframe-a6c416b9.js";import"../sb-preview/runtime.js";import"./index-f80c8c95.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";export{c as SyntaxHighlighter,l as createCopyToClipboardFunction,n as default};
+import{S as c,c as l,s as n}from"./index-070b1dda.js";import"./iframe-d6ac09a5.js";import"../sb-preview/runtime.js";import"./index-f80c8c95.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";export{c as SyntaxHighlighter,l as createCopyToClipboardFunction,n as default};

package/dist/storybook/assets/{tabs-e616ae83.js → tabs-30a4710b.js}

@@ -1 +1 @@
-import{j as n}from"./jsx-runtime-f961835c.js";import{r as R}from"./index-f80c8c95.js";import{c as V}from"./index-a80ed1cf.js";import{D as w}from"./disabled-context-d654f6ff.js";import{B as z}from"./badge-3abf067b.js";import{s as F}from"./select.input-88b6ebab.js";const G="_tabs_1jz3v_1",J="_padding_1jz3v_7",K="_margin_1jz3v_11",Q="_contentPadding_1jz3v_14",U="_item_1jz3v_17",W="_active_1jz3v_40",X="_hidden_1jz3v_59",Y="_disabled_1jz3v_62",Z="_left_1jz3v_66",ee="_right_1jz3v_66",t={tabs:G,padding:J,margin:K,contentPadding:Q,item:U,active:W,hidden:X,disabled:Y,left:Z,right:ee},I=({label:e,url:o,hidden:d,disabled:u,active:l,onClick:_,right:g,invalid:b,badge:i,testId:c})=>{const y=getComputedStyle(document.body).getPropertyValue("--color-text-error");return n.jsx("a",{id:e==null?void 0:e.toString(),href:o,className:V(t.item,l?t.active:"",u?t.disabled:"",d&&!l?t.hidden:"",g?t.right:t.left),onClick:_,"data-testid":c,children:b?n.jsx(z,{small:!0,margin:"-4px",color:y,title:"!",children:e}):i?n.jsx(z,{small:!0,margin:"-4px",title:i==null?void 0:i.toString(),children:e}):e})};try{I.displayName="Label",I.__docgenInfo={description:"",displayName:"Label",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"TStringOrNumber"}},url:{defaultValue:null,description:"",name:"url",required:!1,type:{name:"string"}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},active:{defaultValue:null,description:"",name:"active",required:!1,type:{name:"boolean"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void)"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"boolean"}},invalid:{defaultValue:null,description:"",name:"invalid",required:!1,type:{name:"boolean"}},badge:{defaultValue:null,description:"",name:"badge",required:!1,type:{name:"TStringOrNumber"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const x=({children:e,activeTabIndex:o,contentPadding:d})=>Array.isArray(e)?n.jsx("div",{className:V(d?t.contentPadding:""),children:e.map((u,l)=>o===l&&u)}):null;try{x.displayName="Content",x.__docgenInfo={description:"",displayName:"Content",props:{activeTabIndex:{defaultValue:null,description:"",name:"activeTabIndex",required:!0,type:{name:"number"}},contentPadding:{defaultValue:null,description:"",name:"contentPadding",required:!1,type:{name:"boolean"}}}}}catch{}const P=({name:e=void 0,options:o=null,children:d=null,value:u=void 0,onChange:l=()=>{},padding:_=!1,margin:g=!0,contentPadding:b=!0,onChangeTab:i,activeTabIndex:c=void 0,tabs:y=void 0,testId:O})=>{const q=R.useContext(w),m=i!==void 0,T=d?d.map((a,r)=>{var s;return{value:r,url:a.props.url,label:a.props.label,hidden:a.props.hidden,disabled:a.props.disabled||q,badge:a.props.badge,testId:((s=a.props)==null?void 0:s.testId)&&`${a.props.testId}-${r}`}}):o||y,{simpleInputs:S,options:p,selectedOptions:f}=m?{simpleInputs:!1,options:T,selectedOptions:void 0}:F(T,u),j=m||f===void 0||f===null?void 0:S?f:f.value,C=c!==void 0?c:p==null?void 0:p.findIndex(a=>a.value===j),N=C===-1?0:C,E=(a,r)=>{const{label:s,url:k,hidden:L,disabled:B,value:D,right:M,invalid:A,badge:$,testId:H}=a;return n.jsx(I,{label:s,url:k,hidden:L,disabled:B||q,invalid:A,badge:$,right:M,active:m?r===N:D===j,onClick:m?()=>{const v=a.key||s||null;i(r,v)}:v=>{const h=v.target;h.name=e,h.value=a.value,h.label=s,l(v)},testId:H},r)};return p?n.jsxs("div",{children:[n.jsx("div",{className:V(t.tabs,_?t.padding:"",g?t.margin:""),"data-testid":O,children:p.map(E)}),n.jsx(x,{activeTabIndex:N??0,contentPadding:b,children:d})]}):null};try{P.displayName="Tabs",P.__docgenInfo={description:"",displayName:"Tabs",props:{name:{defaultValue:{value:"undefined"},description:"",name:"name",required:!1,type:{name:"string"}},options:{defaultValue:null,description:"",name:"options",required:!1,type:{name:"ITabOption[] | null"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"ITabSelectedOption"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<any>) => void)"}},padding:{defaultValue:{value:"false"},description:"",name:"padding",required:!1,type:{name:"boolean"}},margin:{defaultValue:{value:"true"},description:"",name:"margin",required:!1,type:{name:"boolean"}},contentPadding:{defaultValue:{value:"true"},description:"",name:"contentPadding",required:!1,type:{name:"boolean"}},activeTabIndex:{defaultValue:null,description:"",name:"activeTabIndex",required:!1,type:{name:"number"}},tabs:{defaultValue:null,description:"",name:"tabs",required:!1,type:{name:"ITabOption[]"}},onChangeTab:{defaultValue:null,description:"",name:"onChangeTab",required:!1,type:{name:"((index: number, value: TStringOrNumber | null) => void)"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}export{P as T};
+import{j as n}from"./jsx-runtime-f961835c.js";import{r as H}from"./index-f80c8c95.js";import{c as V}from"./index-a80ed1cf.js";import{D as R}from"./disabled-context-d654f6ff.js";import{B as w}from"./badge-3abf067b.js";import{s as F}from"./select.input-88b6ebab.js";const G="_tabs_twdtr_1",J="_padding_twdtr_7",K="_margin_twdtr_11",Q="_contentPadding_twdtr_14",U="_item_twdtr_17",W="_active_twdtr_38",X="_hidden_twdtr_57",Y="_disabled_twdtr_60",Z="_left_twdtr_64",ee="_right_twdtr_64",a={tabs:G,padding:J,margin:K,contentPadding:Q,item:U,active:W,hidden:X,disabled:Y,left:Z,right:ee},I=({label:e,url:o,hidden:d,disabled:u,active:l,onClick:g,right:v,invalid:b,badge:i,testId:c})=>{const y=getComputedStyle(document.body).getPropertyValue("--color-text-error");return n.jsx("a",{id:e==null?void 0:e.toString(),href:o,className:V(a.item,l?a.active:"",u?a.disabled:"",d&&!l?a.hidden:"",v?a.right:a.left),onClick:g,"data-testid":c,children:b?n.jsx(w,{small:!0,margin:"-4px",color:y,title:"!",children:e}):i?n.jsx(w,{small:!0,margin:"-4px",title:i==null?void 0:i.toString(),children:e}):e})};try{I.displayName="Label",I.__docgenInfo={description:"",displayName:"Label",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"TStringOrNumber"}},url:{defaultValue:null,description:"",name:"url",required:!1,type:{name:"string"}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},active:{defaultValue:null,description:"",name:"active",required:!1,type:{name:"boolean"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void)"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"boolean"}},invalid:{defaultValue:null,description:"",name:"invalid",required:!1,type:{name:"boolean"}},badge:{defaultValue:null,description:"",name:"badge",required:!1,type:{name:"TStringOrNumber"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const x=({children:e,activeTabIndex:o,contentPadding:d})=>Array.isArray(e)?n.jsx("div",{className:V(d?a.contentPadding:""),children:e.map((u,l)=>o===l&&u)}):null;try{x.displayName="Content",x.__docgenInfo={description:"",displayName:"Content",props:{activeTabIndex:{defaultValue:null,description:"",name:"activeTabIndex",required:!0,type:{name:"number"}},contentPadding:{defaultValue:null,description:"",name:"contentPadding",required:!1,type:{name:"boolean"}}}}}catch{}const P=({name:e=void 0,options:o=null,children:d=null,value:u=void 0,onChange:l=()=>{},padding:g=!1,margin:v=!0,contentPadding:b=!0,onChangeTab:i,activeTabIndex:c=void 0,tabs:y=void 0,testId:O})=>{const q=H.useContext(R),m=i!==void 0,T=d?d.map((t,r)=>{var s;return{value:r,url:t.props.url,label:t.props.label,hidden:t.props.hidden,disabled:t.props.disabled||q,badge:t.props.badge,testId:((s=t.props)==null?void 0:s.testId)&&`${t.props.testId}-${r}`}}):o||y,{simpleInputs:S,options:p,selectedOptions:f}=m?{simpleInputs:!1,options:T,selectedOptions:void 0}:F(T,u),C=m||f===void 0||f===null?void 0:S?f:f.value,N=c!==void 0?c:p==null?void 0:p.findIndex(t=>t.value===C),j=N===-1?0:N,E=(t,r)=>{const{label:s,url:k,hidden:L,disabled:B,value:D,right:M,invalid:A,badge:$,testId:z}=t;return n.jsx(I,{label:s,url:k,hidden:L,disabled:B||q,invalid:A,badge:$,right:M,active:m?r===j:D===C,onClick:m?()=>{const _=t.key||s||null;i(r,_)}:_=>{const h=_.target;h.name=e,h.value=t.value,h.label=s,l(_)},testId:z},r)};return p?n.jsxs("div",{children:[n.jsx("div",{className:V(a.tabs,g?a.padding:"",v?a.margin:""),"data-testid":O,children:p.map(E)}),n.jsx(x,{activeTabIndex:j??0,contentPadding:b,children:d})]}):null};try{P.displayName="Tabs",P.__docgenInfo={description:"",displayName:"Tabs",props:{name:{defaultValue:{value:"undefined"},description:"",name:"name",required:!1,type:{name:"string"}},options:{defaultValue:null,description:"",name:"options",required:!1,type:{name:"ITabOption[] | null"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"ITabSelectedOption"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<any>) => void)"}},padding:{defaultValue:{value:"false"},description:"",name:"padding",required:!1,type:{name:"boolean"}},margin:{defaultValue:{value:"true"},description:"",name:"margin",required:!1,type:{name:"boolean"}},contentPadding:{defaultValue:{value:"true"},description:"",name:"contentPadding",required:!1,type:{name:"boolean"}},activeTabIndex:{defaultValue:null,description:"",name:"activeTabIndex",required:!1,type:{name:"number"}},tabs:{defaultValue:null,description:"",name:"tabs",required:!1,type:{name:"ITabOption[]"}},onChangeTab:{defaultValue:null,description:"",name:"onChangeTab",required:!1,type:{name:"((index: number, value: TStringOrNumber | null) => void)"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}export{P as T};

package/dist/storybook/assets/tabs-c2db5f41.css

@@ -0,0 +1 @@
+._tabs_twdtr_1{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--color-border);flex-shrink:0}._tabs_twdtr_1._padding_twdtr_7{padding-left:var(--padding);padding-right:var(--padding)}._tabs_twdtr_1._margin_twdtr_11{margin:var(--padding) 0}._contentPadding_twdtr_14{padding-top:var(--padding)}._item_twdtr_17{align-self:flex-end;display:flex;align-items:center;position:relative;vertical-align:middle;line-height:1;text-decoration:none;flex:0 0 auto;-webkit-user-select:none;user-select:none;padding:var(--padding-xs) 0;transition:border .1s ease,color .1s ease;margin-bottom:-1px;border-bottom:1px solid transparent;font-size:var(--font-size-lg);color:var(--color-text-primary);cursor:pointer}._item_twdtr_17:not(:last-child){margin-right:var(--padding)}._item_twdtr_17:hover:not(._active_twdtr_38){color:var(--color-text-primary-hover);background:rgba(0,0,0,.025)}[data-theme=dark] ._item_twdtr_17:hover:not(._active_twdtr_38){background:rgba(255,255,255,.1)}._item_twdtr_17:active:not(._active_twdtr_38){color:var(--color-text-primary-active);background:rgba(0,0,0,.05)}[data-theme=dark] ._item_twdtr_17:active:not(._active_twdtr_38){background:rgba(255,255,255,.2)}._item_twdtr_17._active_twdtr_38{border-color:var(--color-text);color:var(--color-text);cursor:default}._item_twdtr_17._hidden_twdtr_57{display:none!important}._item_twdtr_17._disabled_twdtr_60{color:var(--color-text-faint);pointer-events:none}._item_twdtr_17._left_twdtr_64+._item_twdtr_17._right_twdtr_64{margin-left:auto}

package/dist/storybook/assets/{tabs.stories-e361b4bd.js → tabs.stories-e6a95e67.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{r as H}from"./index-f80c8c95.js";import{T as d}from"./tabs-e616ae83.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./badge-3abf067b.js";import"./select.input-88b6ebab.js";import"./types-cc224262.js";const q={title:"Navigation/Tabs",component:d,args:{name:"example",options:[{label:"Tab",value:0},{label:"Tab",value:1},{label:"With Badge",value:2,badge:"3"},{label:"Invalid",value:3,invalid:!0},{label:"Disabled",value:4,disabled:!0},{label:"Hidden tab",value:5,hidden:!0}],value:0}},l=n=>e.jsx(d,{...n}),o=l.bind({}),r=l.bind({});r.args={children:[e.jsx("div",{label:"Tab 0",children:e.jsx("h3",{children:"Tab 0 Content"})}),e.jsx("div",{label:"Tab 1",hidden:!0,children:e.jsx("h3",{children:"Tab 1 Content"})}),e.jsx("div",{label:"Tab 2",disabled:!0,children:e.jsx("h3",{children:"Tab 2 Content"})}),e.jsx("div",{label:"Tab 3",children:e.jsx("h3",{children:"Tab 3 Content"})}),e.jsx("div",{label:"Tab 4",children:e.jsx("h3",{children:"Tab 4 Content"})})]};const s=l.bind({});s.args={margin:!1};const a=l.bind({});a.parameters={layout:"fullscreen",docs:{description:{story:"When you want the divider to fill the edges of its container."}}};a.args={padding:!0};const t=l.bind({});t.args={options:[{label:"Tab 0",value:0},{label:"Tab 1",value:1},{label:"Tab 2",value:2},{label:"Tab 3",value:3,right:!0},{label:"Tab 4",value:4,right:!0}]};const i=()=>{const n=[{label:"Strawberries",value:"strawberries"},{label:"Bananas",value:"bananas"},{label:"Apples",value:"apples",disabled:!0},{label:"Pomegranates",value:"pomegranates"}],[b,W]=H.useState(n[0]);return e.jsxs(e.Fragment,{children:[e.jsx(d,{name:"example",value:b,options:n,onChange:y=>{const{value:B,label:D}=y.target;W({value:B,label:D})}}),e.jsxs("span",{children:["Eating ",b.value,"..."]})]})};var c,u,p;o.parameters={...o.parameters,docs:{...(c=o.parameters)==null?void 0:c.docs,source:{originalSource:"args => <Tabs {...args} />",...(p=(u=o.parameters)==null?void 0:u.docs)==null?void 0:p.source}}};var m,g,v;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:"args => <Tabs {...args} />",...(v=(g=r.parameters)==null?void 0:g.docs)==null?void 0:v.source}}};var T,h,x;s.parameters={...s.parameters,docs:{...(T=s.parameters)==null?void 0:T.docs,source:{originalSource:"args => <Tabs {...args} />",...(x=(h=s.parameters)==null?void 0:h.docs)==null?void 0:x.source}}};var j,S,f;a.parameters={...a.parameters,docs:{...(j=a.parameters)==null?void 0:j.docs,source:{originalSource:"args => <Tabs {...args} />",...(f=(S=a.parameters)==null?void 0:S.docs)==null?void 0:f.source}}};var C,w,E;t.parameters={...t.parameters,docs:{...(C=t.parameters)==null?void 0:C.docs,source:{originalSource:"args => <Tabs {...args} />",...(E=(w=t.parameters)==null?void 0:w.docs)==null?void 0:E.source}}};var A,M,P;i.parameters={...i.parameters,docs:{...(A=i.parameters)==null?void 0:A.docs,source:{originalSource:`() => {
+import{j as e}from"./jsx-runtime-f961835c.js";import{r as H}from"./index-f80c8c95.js";import{T as d}from"./tabs-30a4710b.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./badge-3abf067b.js";import"./select.input-88b6ebab.js";import"./types-cc224262.js";const q={title:"Navigation/Tabs",component:d,args:{name:"example",options:[{label:"Tab",value:0},{label:"Tab",value:1},{label:"With Badge",value:2,badge:"3"},{label:"Invalid",value:3,invalid:!0},{label:"Disabled",value:4,disabled:!0},{label:"Hidden tab",value:5,hidden:!0}],value:0}},l=n=>e.jsx(d,{...n}),o=l.bind({}),r=l.bind({});r.args={children:[e.jsx("div",{label:"Tab 0",children:e.jsx("h3",{children:"Tab 0 Content"})}),e.jsx("div",{label:"Tab 1",hidden:!0,children:e.jsx("h3",{children:"Tab 1 Content"})}),e.jsx("div",{label:"Tab 2",disabled:!0,children:e.jsx("h3",{children:"Tab 2 Content"})}),e.jsx("div",{label:"Tab 3",children:e.jsx("h3",{children:"Tab 3 Content"})}),e.jsx("div",{label:"Tab 4",children:e.jsx("h3",{children:"Tab 4 Content"})})]};const s=l.bind({});s.args={margin:!1};const a=l.bind({});a.parameters={layout:"fullscreen",docs:{description:{story:"When you want the divider to fill the edges of its container."}}};a.args={padding:!0};const t=l.bind({});t.args={options:[{label:"Tab 0",value:0},{label:"Tab 1",value:1},{label:"Tab 2",value:2},{label:"Tab 3",value:3,right:!0},{label:"Tab 4",value:4,right:!0}]};const i=()=>{const n=[{label:"Strawberries",value:"strawberries"},{label:"Bananas",value:"bananas"},{label:"Apples",value:"apples",disabled:!0},{label:"Pomegranates",value:"pomegranates"}],[b,W]=H.useState(n[0]);return e.jsxs(e.Fragment,{children:[e.jsx(d,{name:"example",value:b,options:n,onChange:y=>{const{value:B,label:D}=y.target;W({value:B,label:D})}}),e.jsxs("span",{children:["Eating ",b.value,"..."]})]})};var c,u,p;o.parameters={...o.parameters,docs:{...(c=o.parameters)==null?void 0:c.docs,source:{originalSource:"args => <Tabs {...args} />",...(p=(u=o.parameters)==null?void 0:u.docs)==null?void 0:p.source}}};var m,g,v;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:"args => <Tabs {...args} />",...(v=(g=r.parameters)==null?void 0:g.docs)==null?void 0:v.source}}};var T,h,x;s.parameters={...s.parameters,docs:{...(T=s.parameters)==null?void 0:T.docs,source:{originalSource:"args => <Tabs {...args} />",...(x=(h=s.parameters)==null?void 0:h.docs)==null?void 0:x.source}}};var j,S,f;a.parameters={...a.parameters,docs:{...(j=a.parameters)==null?void 0:j.docs,source:{originalSource:"args => <Tabs {...args} />",...(f=(S=a.parameters)==null?void 0:S.docs)==null?void 0:f.source}}};var C,w,E;t.parameters={...t.parameters,docs:{...(C=t.parameters)==null?void 0:C.docs,source:{originalSource:"args => <Tabs {...args} />",...(E=(w=t.parameters)==null?void 0:w.docs)==null?void 0:E.source}}};var A,M,P;i.parameters={...i.parameters,docs:{...(A=i.parameters)==null?void 0:A.docs,source:{originalSource:`() => {
   const options = [{
     label: 'Strawberries',
     value: 'strawberries'

package/dist/storybook/assets/{top-bar-14412c5b.js → top-bar-04dfd953.js}

@@ -1 +1 @@
-import{j as a}from"./jsx-runtime-f961835c.js";import{c as u}from"./index-a80ed1cf.js";import{I as b}from"./icon-ba53aa84.js";import{T as x}from"./common-types-2c81813f.js";import{B as v}from"./button-2f702fe9.js";import{M as T}from"./actions-6df5b8ae.js";import{r as j}from"./index-f80c8c95.js";import{D as q}from"./disabled-context-d654f6ff.js";const V="_topbar_hoilu_11",C="_fixed_hoilu_21",k="_appSwitcher_hoilu_29",E="_title_hoilu_75",I="_logo_hoilu_91",M="_label_hoilu_94",B="_brand_hoilu_99",w="_version_hoilu_104",L="_left_hoilu_111",H="_right_hoilu_112",O="_item_hoilu_126",S="_link_hoilu_127",A="_button_hoilu_139",P="_menu_hoilu_140",R="_active_hoilu_168",D="_alert_hoilu_193",t={topbar:V,fixed:C,appSwitcher:k,title:E,logo:I,label:M,brand:B,version:w,left:L,right:H,item:O,link:S,button:A,menu:P,active:R,alert:D},f=({warning:e})=>a.jsx("div",{className:t.alert,children:e});try{f.displayName="Warning",f.__docgenInfo={description:"",displayName:"Warning",props:{warning:{defaultValue:null,description:"",name:"warning",required:!0,type:{name:"ReactNode"}}}}}catch{}const h=({icon:e,url:n,onClick:i})=>{const r=a.jsx(b,{icon:e});return n?a.jsx("a",{href:n,onClick:i,className:t.appSwitcher,children:r}):a.jsx("div",{onClick:i,className:t.appSwitcher,children:r})};try{h.displayName="AppSwitcher",h.__docgenInfo={description:"",displayName:"AppSwitcher",props:{icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactNode"}},url:{defaultValue:null,description:"",name:"url",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<HTMLDivElement | HTMLAnchorElement>"}}}}}catch{}const g=({label:e,logo:n,url:i,version:r,onClick:o})=>{const s=a.jsxs("div",{className:t.title,children:[n&&a.jsx("div",{className:t.logo,children:n}),e&&a.jsx("span",{className:t.label,children:e}),r&&a.jsx("div",{className:t.version,children:r})]});return a.jsx("div",{className:u(t.item,t.brand),children:i?a.jsx("a",{href:i,onClick:o,children:s}):a.jsx("div",{onClick:o,children:s})})};try{g.displayName="Title",g.__docgenInfo={description:"",displayName:"Title",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | null"}},logo:{defaultValue:null,description:"",name:"logo",required:!1,type:{name:"ReactNode"}},url:{defaultValue:null,description:"",name:"url",required:!1,type:{name:"string"}},version:{defaultValue:null,description:"",name:"version",required:!1,type:{name:"TStringOrNumber"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<HTMLDivElement | HTMLAnchorElement>"}}}}}catch{}var d=(e=>(e.LINK="Link",e.BUTTON="Button",e.MENU="Menu",e.COMPONENT="Component",e))(d||{});const p=({label:e,url:n,icon:i,onClick:r,active:o,disabled:s,testId:_})=>{const l=j.useContext(q),c=y=>{(s||l)&&y.preventDefault(),r==null||r(y)};return a.jsxs("a",{className:u(t.link,o?t.active:""),href:n||"#",onClick:c,"aria-disabled":s||l,"data-testid":_,role:r&&!n?"button":void 0,children:[i,a.jsx("span",{className:t.label,children:e})]})};try{p.displayName="Link",p.__docgenInfo={description:"",displayName:"Link",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | null"}},url:{defaultValue:null,description:"",name:"url",required:!1,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<HTMLAnchorElement>"}},active:{defaultValue:null,description:"",name:"active",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const m=({element:e})=>{switch(e.type){case d.LINK:return a.jsx("div",{className:t.item,children:a.jsx(p,{label:e.label,url:e.url,icon:e.icon,onClick:e.onClick,active:e.active,disabled:e.disabled,testId:e.testId})});case d.BUTTON:return a.jsx("div",{className:u(t.item,t.button),children:a.jsx(v,{label:e.label,colored:e.colored,pill:!0,disabled:e.disabled,onClick:e.onClick,icon:e.icon,testId:e.testId})});case d.MENU:return a.jsx("div",{className:u(t.item,t.menu),children:a.jsx(T,{maxHeight:"100%",menu:{trigger:x.COMPONENT,fullHeightTrigger:!0,placement:"bottom-start",component:a.jsx(p,{label:e.label,icon:e.icon,onClick:e.onClick}),sections:e.sections}})});case d.COMPONENT:return a.jsx("div",{className:t.item,children:e.component});default:return null}};try{m.displayName="Element",m.__docgenInfo={description:"",displayName:"Element",props:{element:{defaultValue:null,description:"",name:"element",required:!0,type:{name:"TLinkElement | TButtonElement | TMenuElement | TComponentElement"}}}}}catch{}const N=({title:e,appSwitcher:n,content:i=[],contentRight:r=[],warning:o="",height:s="var(--size-topbar)",fixedPosition:_=!0})=>a.jsxs("div",{children:[o&&a.jsx(f,{warning:o}),a.jsxs("div",{className:u(t.topbar,_?t.fixed:""),style:{height:s},children:[!!n&&a.jsx(h,{icon:n.icon,url:n.url,onClick:n.onClick}),a.jsxs("div",{className:t.left,children:[e&&a.jsx(g,{label:e.label,logo:e.logo,url:e.url,version:e.version,onClick:e.onClick}),i.map((l,c)=>l?a.jsx(m,{element:l},c):null)]}),a.jsx("div",{className:t.right,children:r.map((l,c)=>l?a.jsx(m,{element:l},c):null)})]})]});try{N.displayName="TopBar",N.__docgenInfo={description:"",displayName:"TopBar",props:{title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"ITopBarTitleProps"}},appSwitcher:{defaultValue:null,description:"",name:"appSwitcher",required:!1,type:{name:"ITopBarAppSwitcherProps"}},content:{defaultValue:{value:"[]"},description:"",name:"content",required:!1,type:{name:"TTopBarContent[]"}},contentRight:{defaultValue:{value:"[]"},description:"",name:"contentRight",required:!1,type:{name:"TTopBarContent[]"}},warning:{defaultValue:{value:""},description:"",name:"warning",required:!1,type:{name:"string"}},height:{defaultValue:{value:"var(--size-topbar)"},description:"",name:"height",required:!1,type:{name:"TStringOrNumber"}},fixedPosition:{defaultValue:{value:"true"},description:"",name:"fixedPosition",required:!1,type:{name:"boolean"}}}}}catch{}export{N as T};
+import{j as n}from"./jsx-runtime-f961835c.js";import{c as u}from"./index-a80ed1cf.js";import{I as N}from"./icon-ba53aa84.js";import{T as b}from"./common-types-2c81813f.js";import{B as x}from"./button-2f702fe9.js";import{M as v}from"./actions-6df5b8ae.js";import{r as T}from"./index-f80c8c95.js";import{D as q}from"./disabled-context-d654f6ff.js";const V="_topbar_gmfjn_11",C="_fixed_gmfjn_21",k="_appSwitcher_gmfjn_29",E="_title_gmfjn_75",I="_logo_gmfjn_91",M="_label_gmfjn_94",B="_brand_gmfjn_99",w="_version_gmfjn_104",L="_left_gmfjn_111",H="_right_gmfjn_112",O="_item_gmfjn_126",S="_link_gmfjn_127",A="_button_gmfjn_139",P="_menu_gmfjn_140",R="_active_gmfjn_168",D="_alert_gmfjn_193",a={topbar:V,fixed:C,appSwitcher:k,title:E,logo:I,label:M,brand:B,version:w,left:L,right:H,item:O,link:S,button:A,menu:P,active:R,alert:D},f=({warning:e})=>n.jsx("div",{className:a.alert,children:e});try{f.displayName="Warning",f.__docgenInfo={description:"",displayName:"Warning",props:{warning:{defaultValue:null,description:"",name:"warning",required:!0,type:{name:"ReactNode"}}}}}catch{}const g=({icon:e,url:t,onClick:i})=>{const r=n.jsx(N,{icon:e});return t?n.jsx("a",{href:t,onClick:i,className:a.appSwitcher,children:r}):n.jsx("div",{onClick:i,className:a.appSwitcher,children:r})};try{g.displayName="AppSwitcher",g.__docgenInfo={description:"",displayName:"AppSwitcher",props:{icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactNode"}},url:{defaultValue:null,description:"",name:"url",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<HTMLDivElement | HTMLAnchorElement>"}}}}}catch{}const h=({label:e,logo:t,url:i,version:r,onClick:s})=>{const o=n.jsxs("div",{className:a.title,children:[t&&n.jsx("div",{className:a.logo,children:t}),e&&n.jsx("span",{className:a.label,children:e}),r&&n.jsx("div",{className:a.version,children:r})]});return n.jsx("div",{className:u(a.item,a.brand),children:i?n.jsx("a",{href:i,onClick:s,children:o}):n.jsx("div",{onClick:s,children:o})})};try{h.displayName="Title",h.__docgenInfo={description:"",displayName:"Title",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | null"}},logo:{defaultValue:null,description:"",name:"logo",required:!1,type:{name:"ReactNode"}},url:{defaultValue:null,description:"",name:"url",required:!1,type:{name:"string"}},version:{defaultValue:null,description:"",name:"version",required:!1,type:{name:"TStringOrNumber"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<HTMLDivElement | HTMLAnchorElement>"}}}}}catch{}var d=(e=>(e.LINK="Link",e.BUTTON="Button",e.MENU="Menu",e.COMPONENT="Component",e))(d||{});const p=({label:e,url:t,icon:i,onClick:r,active:s,disabled:o,testId:_})=>{const l=T.useContext(q),c=y=>{(o||l)&&y.preventDefault(),r==null||r(y)};return n.jsxs("a",{className:u(a.link,s?a.active:""),href:t||"#",onClick:c,"aria-disabled":o||l,"data-testid":_,role:r&&!t?"button":void 0,children:[i,n.jsx("span",{className:a.label,children:e})]})};try{p.displayName="Link",p.__docgenInfo={description:"",displayName:"Link",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | null"}},url:{defaultValue:null,description:"",name:"url",required:!1,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<HTMLAnchorElement>"}},active:{defaultValue:null,description:"",name:"active",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const m=({element:e})=>{switch(e.type){case d.LINK:return n.jsx("div",{className:a.item,children:n.jsx(p,{label:e.label,url:e.url,icon:e.icon,onClick:e.onClick,active:e.active,disabled:e.disabled,testId:e.testId})});case d.BUTTON:return n.jsx("div",{className:u(a.item,a.button),children:n.jsx(x,{label:e.label,colored:e.colored,pill:!0,disabled:e.disabled,onClick:e.onClick,icon:e.icon,testId:e.testId})});case d.MENU:return n.jsx("div",{className:u(a.item,a.menu),children:n.jsx(v,{maxHeight:"100%",menu:{trigger:b.COMPONENT,fullHeightTrigger:!0,placement:"bottom-start",component:n.jsx(p,{label:e.label,icon:e.icon,onClick:e.onClick}),sections:e.sections}})});case d.COMPONENT:return n.jsx("div",{className:a.item,children:e.component});default:return null}};try{m.displayName="Element",m.__docgenInfo={description:"",displayName:"Element",props:{element:{defaultValue:null,description:"",name:"element",required:!0,type:{name:"TLinkElement | TButtonElement | TMenuElement | TComponentElement"}}}}}catch{}const j=({title:e,appSwitcher:t,content:i=[],contentRight:r=[],warning:s="",height:o="var(--size-topbar)",fixedPosition:_=!0})=>n.jsxs("div",{children:[s&&n.jsx(f,{warning:s}),n.jsxs("div",{className:u(a.topbar,_?a.fixed:""),style:{height:o},children:[!!t&&n.jsx(g,{icon:t.icon,url:t.url,onClick:t.onClick}),n.jsxs("div",{className:a.left,children:[e&&n.jsx(h,{label:e.label,logo:e.logo,url:e.url,version:e.version,onClick:e.onClick}),i.map((l,c)=>l?n.jsx(m,{element:l},c):null)]}),n.jsx("div",{className:a.right,children:r.map((l,c)=>l?n.jsx(m,{element:l},c):null)})]})]});try{j.displayName="TopBar",j.__docgenInfo={description:"",displayName:"TopBar",props:{title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"ITopBarTitleProps"}},appSwitcher:{defaultValue:null,description:"",name:"appSwitcher",required:!1,type:{name:"ITopBarAppSwitcherProps"}},content:{defaultValue:{value:"[]"},description:"",name:"content",required:!1,type:{name:"TTopBarContent[]"}},contentRight:{defaultValue:{value:"[]"},description:"",name:"contentRight",required:!1,type:{name:"TTopBarContent[]"}},warning:{defaultValue:{value:""},description:"",name:"warning",required:!1,type:{name:"string"}},height:{defaultValue:{value:"var(--size-topbar)"},description:"",name:"height",required:!1,type:{name:"TStringOrNumber"}},fixedPosition:{defaultValue:{value:"true"},description:"",name:"fixedPosition",required:!1,type:{name:"boolean"}}}}}catch{}export{j as T};

package/dist/storybook/assets/top-bar-55ed86a3.css

@@ -0,0 +1 @@
+:root{--size-topbar: var(--size-xl);--color-link-border-hover: var(--color-neutral-100);--shadow-topbar: var(--shadow-layer);--border-topbar: none}[data-theme=dark]{--color-link-border-hover: var(--color-neutral-600);--border-topbar: 1px solid var(--color-border)}._topbar_gmfjn_11{top:0;left:0;z-index:var(--zindex-topbar);width:100%;box-shadow:var(--shadow-topbar);border-bottom:var(--border-topbar);background:var(--color-background-raised);display:flex}._topbar_gmfjn_11._fixed_gmfjn_21{position:fixed}@media print{._topbar_gmfjn_11{display:none!important}}._appSwitcher_gmfjn_29{color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:var(--color-neutral-700);height:var(--size-topbar);width:var(--size-topbar);font-size:var(--size);position:relative}._appSwitcher_gmfjn_29:hover{background-color:var(--color-neutral-750)}._appSwitcher_gmfjn_29:active{background-color:var(--color-neutral-800)}[data-theme=dark] ._appSwitcher_gmfjn_29{background-color:var(--color-neutral-900)}[data-theme=dark] ._appSwitcher_gmfjn_29:hover{background-color:var(--color-neutral-950)}[data-theme=dark] ._appSwitcher_gmfjn_29:active{background-color:var(--color-neutral-1000)}._appSwitcher_gmfjn_29>*{position:relative;z-index:1}._appSwitcher_gmfjn_29:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(./bg-rock-164a1bdb.jpg);z-index:0;transition:opacity .2s;opacity:.75}._appSwitcher_gmfjn_29:hover:after{opacity:.75}._appSwitcher_gmfjn_29:active:after{opacity:.5}._title_gmfjn_75{display:flex;align-items:center;justify-content:center;margin:0;padding:0;position:relative}._title_gmfjn_75 img,._title_gmfjn_75 svg{max-height:var(--size-lg);max-width:300px;height:auto;width:auto;color:var(--color-text)}._title_gmfjn_75 ._logo_gmfjn_91{display:flex}._title_gmfjn_75 ._label_gmfjn_94{color:var(--color-text);white-space:nowrap;font-weight:700}._brand_gmfjn_99{padding:0;position:relative;flex-shrink:0}._version_gmfjn_104{line-height:1;position:absolute;right:0;bottom:100%;font-size:var(--font-size-xs)}._left_gmfjn_111,._right_gmfjn_112{display:flex;min-width:0}._left_gmfjn_111{gap:var(--padding);padding-left:var(--padding)}._right_gmfjn_112{margin-left:auto;flex-shrink:0;padding-right:var(--padding-xs);gap:var(--padding-xs)}._item_gmfjn_126,._link_gmfjn_127{align-items:center;display:flex}._item_gmfjn_126{position:relative;transition:background .1s ease,box-shadow .1s ease,color .1s ease;-webkit-user-select:none;user-select:none;vertical-align:middle;min-width:0;max-width:50vw}._item_gmfjn_126._button_gmfjn_139,._item_gmfjn_126._menu_gmfjn_140{flex-shrink:0}._label_gmfjn_94{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;max-width:100%}._link_gmfjn_127{text-decoration:none;color:var(--color-text-primary);cursor:pointer;max-width:100%;height:100%;font-size:var(--font-size-lg)}._link_gmfjn_127 svg{margin-right:var(--padding-xxs);flex-shrink:0}._link_gmfjn_127:hover{color:var(--color-text-primary-hover)}._link_gmfjn_127:active{color:var(--color-text-primary-active)}._link_gmfjn_127._active_gmfjn_168{color:var(--color-text)}._link_gmfjn_127:hover,._link_gmfjn_127._active_gmfjn_168{background-color:transparent}._link_gmfjn_127:after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid transparent}._link_gmfjn_127:hover:after{border-color:var(--color-link-border-hover)}._link_gmfjn_127._active_gmfjn_168:after{border-color:var(--color-background-primary)}._link_gmfjn_127[disabled]{pointer-events:none;color:var(--color-text-faint)}._alert_gmfjn_193{background-color:var(--color-background-primary);color:#fff;text-align:center;position:fixed;top:var(--size-topbar);left:0;right:0;z-index:var(--zindex-topbar-alert);padding:var(--padding-sm)}

package/dist/storybook/assets/{top-bar.stories-2bbdac9c.js → top-bar.stories-72f494aa.js}

@@ -1 +1 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{I as B,T as h}from"./common-types-2c81813f.js";import{T as C}from"./top-bar-14412c5b.js";import{M as I}from"./actions-6df5b8ae.js";import{B as n}from"./button-2f702fe9.js";import{B as O}from"./badge-3abf067b.js";import{L as S}from"./logo-8068ccfc.js";import{s as j}from"./icon-custom-822ce507.js";import{M as a}from"./types-cc224262.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./icon-ba53aa84.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-332ceaf3.js";import"./spinner-cb92a546.js";const N=[{type:"Link",label:"Link",onClick:()=>{}},{type:"Link",label:"Active",active:!0,onClick:()=>{}},{type:"Link",label:"Disabled",disabled:!0,onClick:()=>{}},{type:"Menu",label:"Dropdown",onClick:()=>{},sections:[{type:"Option",label:"Alpacas",onClick:()=>{}},{type:"Option",label:"Llamas",onClick:()=>{}}]},{type:"Button",label:"Save",colored:!0,onClick:()=>{},testId:"top-bar-button-save"}],v=[{type:"Component",component:e.jsx(O,{title:"3",small:!0,margin:"5px",children:e.jsx(n,{icon:B.NOTIFICATION,round:!0,onClick:()=>{}})})},{type:"Component",component:e.jsx(I,{menu:{trigger:h.COMPONENT,fullHeightTrigger:!0,placement:"bottom-end",component:e.jsx(n,{label:"TU",round:!0,onClick:()=>{}}),sections:[{type:a.HEADING,label:"Test User"},{type:a.OPTION,label:"Profile",icon:"user",onClick:()=>{}},{type:a.DIVIDER},{type:a.OPTION,label:"Sign out",icon:"lock",onClick:()=>{}}]}})}],Y={title:"Navigation/TopBar",component:C,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},argTypes:{height:{control:"text"}},args:{title:{logo:e.jsx("img",{src:S,alt:"logo"}),onClick:()=>{}},content:N,contentRight:v}},i=x=>e.jsx(C,{...x}),s=i.bind({}),r=i.bind({});r.args={warning:"Application update available. Please refresh your browser."};const o=i.bind({});o.args={title:{label:"Text Branding",onClick:()=>{}}};const t=i.bind({});t.args={appSwitcher:{icon:j,onClick:()=>{}}};var p,c,l;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:"args => <TopBar {...args} />",...(l=(c=s.parameters)==null?void 0:c.docs)==null?void 0:l.source}}};var m,g,u;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:"args => <TopBar {...args} />",...(u=(g=r.parameters)==null?void 0:g.docs)==null?void 0:u.source}}};var d,T,b;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:"args => <TopBar {...args} />",...(b=(T=o.parameters)==null?void 0:T.docs)==null?void 0:b.source}}};var y,k,f;t.parameters={...t.parameters,docs:{...(y=t.parameters)==null?void 0:y.docs,source:{originalSource:"args => <TopBar {...args} />",...(f=(k=t.parameters)==null?void 0:k.docs)==null?void 0:f.source}}};const Z=["Default","WithWarning","TextBranding","AppSwitcher"];export{t as AppSwitcher,s as Default,o as TextBranding,r as WithWarning,Z as __namedExportsOrder,Y as default};
+import{j as e}from"./jsx-runtime-f961835c.js";import{I as B,T as h}from"./common-types-2c81813f.js";import{T as C}from"./top-bar-04dfd953.js";import{M as I}from"./actions-6df5b8ae.js";import{B as n}from"./button-2f702fe9.js";import{B as O}from"./badge-3abf067b.js";import{L as S}from"./logo-8068ccfc.js";import{s as j}from"./icon-custom-822ce507.js";import{M as a}from"./types-cc224262.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./icon-ba53aa84.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-332ceaf3.js";import"./spinner-cb92a546.js";const N=[{type:"Link",label:"Link",onClick:()=>{}},{type:"Link",label:"Active",active:!0,onClick:()=>{}},{type:"Link",label:"Disabled",disabled:!0,onClick:()=>{}},{type:"Menu",label:"Dropdown",onClick:()=>{},sections:[{type:"Option",label:"Alpacas",onClick:()=>{}},{type:"Option",label:"Llamas",onClick:()=>{}}]},{type:"Button",label:"Save",colored:!0,onClick:()=>{},testId:"top-bar-button-save"}],v=[{type:"Component",component:e.jsx(O,{title:"3",small:!0,margin:"5px",children:e.jsx(n,{icon:B.NOTIFICATION,round:!0,onClick:()=>{}})})},{type:"Component",component:e.jsx(I,{menu:{trigger:h.COMPONENT,fullHeightTrigger:!0,placement:"bottom-end",component:e.jsx(n,{label:"TU",round:!0,onClick:()=>{}}),sections:[{type:a.HEADING,label:"Test User"},{type:a.OPTION,label:"Profile",icon:"user",onClick:()=>{}},{type:a.DIVIDER},{type:a.OPTION,label:"Sign out",icon:"lock",onClick:()=>{}}]}})}],Y={title:"Navigation/TopBar",component:C,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},argTypes:{height:{control:"text"}},args:{title:{logo:e.jsx("img",{src:S,alt:"logo"}),onClick:()=>{}},content:N,contentRight:v}},i=x=>e.jsx(C,{...x}),s=i.bind({}),r=i.bind({});r.args={warning:"Application update available. Please refresh your browser."};const o=i.bind({});o.args={title:{label:"Text Branding",onClick:()=>{}}};const t=i.bind({});t.args={appSwitcher:{icon:j,onClick:()=>{}}};var p,c,l;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:"args => <TopBar {...args} />",...(l=(c=s.parameters)==null?void 0:c.docs)==null?void 0:l.source}}};var m,g,u;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:"args => <TopBar {...args} />",...(u=(g=r.parameters)==null?void 0:g.docs)==null?void 0:u.source}}};var d,T,b;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:"args => <TopBar {...args} />",...(b=(T=o.parameters)==null?void 0:T.docs)==null?void 0:b.source}}};var y,k,f;t.parameters={...t.parameters,docs:{...(y=t.parameters)==null?void 0:y.docs,source:{originalSource:"args => <TopBar {...args} />",...(f=(k=t.parameters)==null?void 0:k.docs)==null?void 0:f.source}}};const Z=["Default","WithWarning","TextBranding","AppSwitcher"];export{t as AppSwitcher,s as Default,o as TextBranding,r as WithWarning,Z as __namedExportsOrder,Y as default};

package/dist/storybook/assets/{top-bar.testcase.stories-6779e453.js → top-bar.testcase.stories-63b48ebc.js}

@@ -1,4 +1,4 @@
-import{j as o}from"./jsx-runtime-f961835c.js";import{I as n}from"./common-types-2c81813f.js";import{T as l}from"./top-bar-14412c5b.js";import{B as s}from"./button-2f702fe9.js";import{B as m}from"./badge-3abf067b.js";import{L as p}from"./logo-8068ccfc.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./icon-ba53aa84.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-6df5b8ae.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./spinner-cb92a546.js";const h={title:"Navigation/TopBar/Test Cases",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},t=()=>o.jsx(l,{title:{logo:o.jsx("img",{src:p,alt:"logo"}),version:"V1.2.3",onClick:()=>{}},content:[{type:"Link",label:"Link",onClick:()=>{}},{type:"Link",label:"Lorem ipsum dolor est compendum lorem ipsum dolor est compendum lorem ipsum dolor est (cloned 2022-06-17 01:33:42)",active:!0,onClick:()=>{}},{type:"Link",label:"Disabled",disabled:!0,onClick:()=>{}},{type:"Button",label:"Save",colored:!0,onClick:()=>{},testId:"top-bar-button-save"}],contentRight:[{type:"Component",component:o.jsx(m,{title:"3",small:!0,margin:"5px",children:o.jsx(s,{icon:n.NOTIFICATION,round:!0,onClick:()=>{}})})}]});var e,r,i;t.parameters={...t.parameters,docs:{...(e=t.parameters)==null?void 0:e.docs,source:{originalSource:`() => <TopBar title={{
+import{j as o}from"./jsx-runtime-f961835c.js";import{I as n}from"./common-types-2c81813f.js";import{T as l}from"./top-bar-04dfd953.js";import{B as s}from"./button-2f702fe9.js";import{B as m}from"./badge-3abf067b.js";import{L as p}from"./logo-8068ccfc.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./icon-ba53aa84.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-6df5b8ae.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./spinner-cb92a546.js";const h={title:"Navigation/TopBar/Test Cases",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},t=()=>o.jsx(l,{title:{logo:o.jsx("img",{src:p,alt:"logo"}),version:"V1.2.3",onClick:()=>{}},content:[{type:"Link",label:"Link",onClick:()=>{}},{type:"Link",label:"Lorem ipsum dolor est compendum lorem ipsum dolor est compendum lorem ipsum dolor est (cloned 2022-06-17 01:33:42)",active:!0,onClick:()=>{}},{type:"Link",label:"Disabled",disabled:!0,onClick:()=>{}},{type:"Button",label:"Save",colored:!0,onClick:()=>{},testId:"top-bar-button-save"}],contentRight:[{type:"Component",component:o.jsx(m,{title:"3",small:!0,margin:"5px",children:o.jsx(s,{icon:n.NOTIFICATION,round:!0,onClick:()=>{}})})}]});var e,r,i;t.parameters={...t.parameters,docs:{...(e=t.parameters)==null?void 0:e.docs,source:{originalSource:`() => <TopBar title={{
   logo: <img src={LogoSVG} alt="logo" />,
   version: 'V1.2.3',
   onClick: () => {}

package/dist/storybook/iframe.html

@@ -357,7 +357,7 @@
   }
 </script>
 
-  <script type="module" crossorigin src="./assets/iframe-a6c416b9.js"></script>
+  <script type="module" crossorigin src="./assets/iframe-d6ac09a5.js"></script>
 </head>
 
 <body>

package/dist/storybook/project.json

@@ -1 +1 @@
-{"generatedAt":1702401464418,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"packageManager":{"type":"yarn","version":"1.22.19"},"features":{"storyStoreV7":true},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"7.5.3","storybookVersionSpecifier":"^7.5.3","language":"typescript","storybookPackages":{"@storybook/addon-essentials":{"version":"7.5.3"},"@storybook/addon-links":{"version":"7.5.3"},"@storybook/addons":{"version":"7.5.3"},"@storybook/react":{"version":"7.5.3"},"@storybook/react-vite":{"version":"7.5.3"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"7.5.3"}},"addons":{"@storybook/addon-actions":{"version":"7.5.3"},"@storybook/addon-docs":{"version":"7.5.3"},"storybook-dark-mode":{"version":"3.0.1"}}}
+{"generatedAt":1702461512629,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"packageManager":{"type":"yarn","version":"1.22.19"},"features":{"storyStoreV7":true},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"7.5.3","storybookVersionSpecifier":"^7.5.3","language":"typescript","storybookPackages":{"@storybook/addon-essentials":{"version":"7.5.3"},"@storybook/addon-links":{"version":"7.5.3"},"@storybook/addons":{"version":"7.5.3"},"@storybook/react":{"version":"7.5.3"},"@storybook/react-vite":{"version":"7.5.3"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"7.5.3"}},"addons":{"@storybook/addon-actions":{"version":"7.5.3"},"@storybook/addon-docs":{"version":"7.5.3"},"storybook-dark-mode":{"version":"3.0.1"}}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "4.0.0-beta-64",
+  "version": "4.0.0-beta-65",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {

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

@@ -1 +0,0 @@
-._inputInTable_1f7hn_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_1f7hn_1:not(:hover){border-color:transparent}._inputInTable_1f7hn_1:not(:focus){box-shadow:none}._inputHover_1f7hn_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_1f7hn_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_1f7hn_25,._inputWarning_1f7hn_26{position:relative}._inputError_1f7hn_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_1f7hn_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_1f7hn_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_1f7hn_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_1f7hn_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_1f7hn_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_1f7hn_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_1f7hn_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_1f7hn_67::-webkit-scrollbar{display:none}:root{--size-drawer-tabs: var(--size-lg);--color-background-drawer-tab: var(--color-primary-50);--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-900);--color-background-drawer-tab-hover: var(--color-primary-800);--color-border-drawer-tab: black;--color-background-drawer-handle-hover: rgba(255, 255, 255, .1)}._inline_1f7hn_90{position:relative}._inline_1f7hn_90._left_1f7hn_93{order:-1}._inline_1f7hn_90._right_1f7hn_96{order:9999}._fixed_1f7hn_99{position:fixed;top:0;bottom:0;z-index:var(--zindex-drawer)}._fixed_1f7hn_99._left_1f7hn_93{left:0}._fixed_1f7hn_99._right_1f7hn_96{right:0}._left_1f7hn_93 ._border_1f7hn_111{border-right:1px solid var(--color-border)}._right_1f7hn_96 ._border_1f7hn_111{border-left:1px solid var(--color-border)}._shadow_1f7hn_117{box-shadow:var(--shadow-layer)}._drawerContent_1f7hn_120{overflow-x:hidden;overflow-y:auto;max-height:100%;min-height:100%;transition:width .2s;scrollbar-width:none;-ms-overflow-style:none}._isResizing_1f7hn_132 ._drawerContent_1f7hn_120{transition:none}@media print{._drawerContent_1f7hn_120{background:transparent!important}}._drawerContent_1f7hn_120::-webkit-scrollbar{display:none}._toggleButton_1f7hn_143{transition:transform .2s;display:inline-block;transform:rotate(180deg);position:absolute;z-index:calc(var(--zindex-drawer) + 3)}._left_1f7hn_93 ._toggleButton_1f7hn_143{right:calc(var(--size) / -2)}._right_1f7hn_96 ._toggleButton_1f7hn_143{left:calc(var(--size) / -2)}._toggleButton_1f7hn_143._top_1f7hn_156{top:var(--padding)}._toggleButton_1f7hn_143._bottom_1f7hn_159{bottom:var(--padding)}._toggleButton_1f7hn_143._toggleButtonOpen_1f7hn_162{transform:rotate(0)}._tabs_1f7hn_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_1f7hn_93 ._tabs_1f7hn_165{right:0}._right_1f7hn_96 ._tabs_1f7hn_165{left:0}._tabs_1f7hn_165 ._tab_1f7hn_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_1f7hn_93 ._tabs_1f7hn_165 ._tab_1f7hn_165{border-top-left-radius:0;border-bottom-left-radius:0}._left_1f7hn_93 ._tabs_1f7hn_165 ._tab_1f7hn_165._active_1f7hn_197{border-left-color:transparent}._right_1f7hn_96 ._tabs_1f7hn_165 ._tab_1f7hn_165{border-top-right-radius:0;border-bottom-right-radius:0}._right_1f7hn_96 ._tabs_1f7hn_165 ._tab_1f7hn_165._active_1f7hn_197{border-right-color:transparent}._tabs_1f7hn_165 ._tab_1f7hn_165:not(._active_1f7hn_197){color:var(--color-text-primary);background-color:var(--color-background-drawer-tab)!important}._tabs_1f7hn_165 ._tab_1f7hn_165:not(._active_1f7hn_197):hover{color:var(--color-text);background-color:var(--color-background-drawer-tab-hover)!important}._tabs_1f7hn_165 ._tab_1f7hn_165._active_1f7hn_197{color:var(--color-text);border-color:var(--color-border)}._tabs_1f7hn_165 ._tab_1f7hn_165 svg{stroke-width:1.125}._left_1f7hn_93 ._tabsContent_1f7hn_222{padding-right:calc(var(--size-drawer-tabs) - 1px)}._right_1f7hn_96 ._tabsContent_1f7hn_222{padding-left:calc(var(--size-drawer-tabs) - 1px)}._resizeHandle_1f7hn_228{position:absolute;top:0;bottom:0;width:8px;z-index:calc(var(--zindex-drawer) + 2);cursor:ew-resize;display:flex;align-items:center;color:var(--color-text-faint);font-size:var(--font-size-sm);transition:all .2s}._resizeHandle_1f7hn_228:hover{background:var(--color-background-drawer-handle-hover);color:var(--color-text-primary)}._resizeHandle_1f7hn_228:active{background:var(--color-text-primary);color:#fff}._left_1f7hn_93 ._resizeHandle_1f7hn_228{right:0}._right_1f7hn_96 ._resizeHandle_1f7hn_228{left:0}

package/dist/storybook/assets/preview-5bd30faa.js

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

package/dist/storybook/assets/tabs-b51fea76.css

@@ -1 +0,0 @@
-._tabs_1jz3v_1{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--color-border);flex-shrink:0}._tabs_1jz3v_1._padding_1jz3v_7{padding-left:var(--padding);padding-right:var(--padding)}._tabs_1jz3v_1._margin_1jz3v_11{margin:var(--padding) 0}._contentPadding_1jz3v_14{padding-top:var(--padding)}._item_1jz3v_17{align-self:flex-end;display:flex;align-items:center;position:relative;vertical-align:middle;line-height:1;text-decoration:none;flex:0 0 auto;-webkit-user-select:none;user-select:none;padding:var(--padding-xs) 0;transition:border .1s ease,color .1s ease;margin-bottom:-1px;border-bottom:1px solid transparent;font-weight:700;color:var(--color-text-primary);cursor:pointer;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}._item_1jz3v_17:not(:last-child){margin-right:var(--padding)}._item_1jz3v_17:hover:not(._active_1jz3v_40){color:var(--color-text-primary-hover);background:rgba(0,0,0,.025)}[data-theme=dark] ._item_1jz3v_17:hover:not(._active_1jz3v_40){background:rgba(255,255,255,.1)}._item_1jz3v_17:active:not(._active_1jz3v_40){color:var(--color-text-primary-active);background:rgba(0,0,0,.05)}[data-theme=dark] ._item_1jz3v_17:active:not(._active_1jz3v_40){background:rgba(255,255,255,.2)}._item_1jz3v_17._active_1jz3v_40{border-color:var(--color-text);color:var(--color-text);cursor:default}._item_1jz3v_17._hidden_1jz3v_59{display:none!important}._item_1jz3v_17._disabled_1jz3v_62{color:var(--color-text-faint);pointer-events:none}._item_1jz3v_17._left_1jz3v_66+._item_1jz3v_17._right_1jz3v_66{margin-left:auto}

package/dist/storybook/assets/top-bar-80ceac9d.css

@@ -1 +0,0 @@
-:root{--size-topbar: var(--size-xl);--color-link-border-hover: var(--color-neutral-100);--shadow-topbar: var(--shadow-layer);--border-topbar: none}[data-theme=dark]{--color-link-border-hover: var(--color-neutral-600);--border-topbar: 1px solid var(--color-border)}._topbar_hoilu_11{top:0;left:0;z-index:var(--zindex-topbar);width:100%;box-shadow:var(--shadow-topbar);border-bottom:var(--border-topbar);background:var(--color-background-raised);display:flex}._topbar_hoilu_11._fixed_hoilu_21{position:fixed}@media print{._topbar_hoilu_11{display:none!important}}._appSwitcher_hoilu_29{color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:var(--color-neutral-700);height:var(--size-topbar);width:var(--size-topbar);font-size:var(--size);position:relative}._appSwitcher_hoilu_29:hover{background-color:var(--color-neutral-750)}._appSwitcher_hoilu_29:active{background-color:var(--color-neutral-800)}[data-theme=dark] ._appSwitcher_hoilu_29{background-color:var(--color-neutral-900)}[data-theme=dark] ._appSwitcher_hoilu_29:hover{background-color:var(--color-neutral-950)}[data-theme=dark] ._appSwitcher_hoilu_29:active{background-color:var(--color-neutral-1000)}._appSwitcher_hoilu_29>*{position:relative;z-index:1}._appSwitcher_hoilu_29:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(./bg-rock-164a1bdb.jpg);z-index:0;transition:opacity .2s;opacity:.75}._appSwitcher_hoilu_29:hover:after{opacity:.75}._appSwitcher_hoilu_29:active:after{opacity:.5}._title_hoilu_75{display:flex;align-items:center;justify-content:center;margin:0;padding:0;position:relative}._title_hoilu_75 img,._title_hoilu_75 svg{max-height:var(--size-lg);max-width:300px;height:auto;width:auto;color:var(--color-text)}._title_hoilu_75 ._logo_hoilu_91{display:flex}._title_hoilu_75 ._label_hoilu_94{color:var(--color-text);white-space:nowrap;font-weight:700}._brand_hoilu_99{padding:0;position:relative;flex-shrink:0}._version_hoilu_104{line-height:1;position:absolute;right:0;bottom:100%;font-size:var(--font-size-xs)}._left_hoilu_111,._right_hoilu_112{display:flex;min-width:0}._left_hoilu_111{gap:var(--padding);padding-left:var(--padding)}._right_hoilu_112{margin-left:auto;flex-shrink:0;padding-right:var(--padding-xs);gap:var(--padding-xs)}._item_hoilu_126,._link_hoilu_127{align-items:center;display:flex}._item_hoilu_126{position:relative;transition:background .1s ease,box-shadow .1s ease,color .1s ease;-webkit-user-select:none;user-select:none;vertical-align:middle;min-width:0;max-width:50vw}._item_hoilu_126._button_hoilu_139,._item_hoilu_126._menu_hoilu_140{flex-shrink:0}._label_hoilu_94{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;max-width:100%}._link_hoilu_127{text-decoration:none;color:var(--color-text-primary);cursor:pointer;max-width:100%;font-weight:700;height:100%}._link_hoilu_127 svg{margin-right:var(--padding-xxs);flex-shrink:0}._link_hoilu_127:hover{color:var(--color-text-primary-hover)}._link_hoilu_127:active{color:var(--color-text-primary-active)}._link_hoilu_127._active_hoilu_168{color:var(--color-text)}._link_hoilu_127:hover,._link_hoilu_127._active_hoilu_168{background-color:transparent}._link_hoilu_127:after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid transparent}._link_hoilu_127:hover:after{border-color:var(--color-link-border-hover)}._link_hoilu_127._active_hoilu_168:after{border-color:var(--color-background-primary)}._link_hoilu_127[disabled]{pointer-events:none;color:var(--color-text-faint)}._alert_hoilu_193{background-color:var(--color-background-primary);color:#fff;text-align:center;position:fixed;top:var(--size-topbar);left:0;right:0;z-index:var(--zindex-topbar-alert);padding:var(--padding-sm)}