@designcrowd/fe-shared-lib 1.5.21-BestLogoIcons-3 → 1.5.21

package/.storybook-static/assets/CopyToClipboardText.stories-Csh5nVRs.js

@@ -0,0 +1,32 @@
+import{i as v,c as S,e as p,h as d,t as c,x as u,o as z}from"./iframe-C86bI_2U.js";import{T as V}from"./Tooltip-DcSbUh5f.js";import{I as _}from"./Icon-8mZGP41G.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const k={class:"tw-flex tw-w-full tw-items-center tw-gap-2"},B=["title"],N={class:"tw-flex tw-z-50 tw-text-grayscale-600 tw-font-normal tw-text-sm tw-justify-center tw-whitespace-nowrap tw-select-none"},l={__name:"CopyToClipboardText",props:{text:{type:String,required:!0},tooltipText:{type:String,default:"Copy to clipboard"},tooltipCopiedText:{type:String,default:"Copied!"},shouldShowTooltip:{type:Boolean,default:!0},iconSize:{type:String,default:"sm"}},setup(e){const s=e,t=v(s.tooltipText),b=()=>{t.value=s.tooltipCopiedText,navigator.clipboard.writeText(s.text)};return(j,i)=>(z(),S("div",k,[p("p",{class:"tw-overflow-x-hidden tw-truncate",title:e.text},c(e.text),9,B),d(V,{class:"tw-items-center",direction:"top",alignment:"center",color:"grayscale-700","should-show-icon":!1,"should-show-tooltip":e.shouldShowTooltip&&t.value,"full-width":"","is-rounded-corner":""},{open:u(()=>[d(_,{name:"duplicate",alt:"Duplicate icon",size:e.iconSize,class:"tw-p-1 tw-rounded tw-cursor-pointer tw-text-grayscale-600 hover:tw-bg-grayscale-400","should-display-title":!1,onClick:b,onMouseleave:i[0]||(i[0]=I=>t.value=e.tooltipText)},null,8,["size"])]),content:u(()=>[p("p",N,c(t.value),1)]),_:1},8,["should-show-tooltip"])]))}};l.__docgenInfo={exportName:"default",displayName:"CopyToClipboardText",description:"",tags:{},props:[{name:"text",type:{name:"string"},required:!0},{name:"tooltipText",type:{name:"string"},defaultValue:{func:!1,value:"'Copy to clipboard'"}},{name:"tooltipCopiedText",type:{name:"string"},defaultValue:{func:!1,value:"'Copied!'"}},{name:"shouldShowTooltip",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"iconSize",type:{name:"string"},defaultValue:{func:!1,value:"'sm'"}}],sourceFiles:["/Users/jamesjoung/repo/fe-shared-lib/src/atoms/components/CopyToClipboardText/CopyToClipboardText.vue"]};const F={title:"Components/CopyToClipboardText",component:l},n={components:{CopyToClipboardText:l}},o=()=>({...n,template:`
+      <CopyToClipboardText text="Copy me!"/>
+    `}),a=()=>({...n,template:`
+      <CopyToClipboardText text="Copy me!" :should-show-tooltip="false"/>
+    `}),r=()=>({...n,template:`
+      <div style="width: 200px; border: solid blue 1px">
+        <CopyToClipboardText text="This sentence is too large to fit" />
+      </div>
+    `});var m,x,T;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <CopyToClipboardText text="Copy me!"/>
+    \`
+  };
+}`,...(T=(x=o.parameters)==null?void 0:x.docs)==null?void 0:T.source}}};var C,y,f;a.parameters={...a.parameters,docs:{...(C=a.parameters)==null?void 0:C.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <CopyToClipboardText text="Copy me!" :should-show-tooltip="false"/>
+    \`
+  };
+}`,...(f=(y=a.parameters)==null?void 0:y.docs)==null?void 0:f.source}}};var w,h,g;r.parameters={...r.parameters,docs:{...(w=r.parameters)==null?void 0:w.docs,source:{originalSource:`() => {
+  return {
+    ...data,
+    template: \`
+      <div style="width: 200px; border: solid blue 1px">
+        <CopyToClipboardText text="This sentence is too large to fit" />
+      </div>
+    \`
+  };
+}`,...(g=(h=r.parameters)==null?void 0:h.docs)==null?void 0:g.source}}};const M=["Sample","WithoutTooltip","Truncated"];export{o as Sample,r as Truncated,a as WithoutTooltip,M as __namedExportsOrder,F as default};

package/.storybook-static/assets/Dropdown.stories-NNlxNopk.js

@@ -0,0 +1,159 @@
+import{D as n,a as l}from"./DropdownItem-CDX_V6Mi.js";import{P as a}from"./Pill-BsMeJhV9.js";import{B as I}from"./Button-DtVlr_q3.js";import"./iframe-C86bI_2U.js";import"./Icon-8mZGP41G.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./ButtonPrimary-DG9wNod9.js";const k={title:"Components/Dropdown",component:n},e=()=>({components:{Dropdown:n,DropdownItem:l,Pill:a},data(){return{show:!0}},template:`
+      <div class="tw-font-sans tw-w-1/4">
+        <Dropdown menu-align="right" v-model:show="show" @update:show="(visible) => show = visible" menu-element-classes="tw-w-full">
+          <DropdownItem @click="() => show = false">
+            <span class="tw-grow">Menu item 1</span>
+            <Pill class="tw-text-white" :style="{ background: 'blue' }">Blue</Pill>
+          </DropdownItem>
+          <DropdownItem>
+            <span class="tw-grow">Menu item 2</span>
+            <Pill class="tw-text-white tw-w-7" :style="{ background: 'red' }">Red</Pill>
+          </DropdownItem>
+        </Dropdown>
+      </div>
+    `}),t=()=>({components:{Dropdown:n,DropdownItem:l},template:`
+      <div class="tw-font-sans tw-w-1/4">
+        <Dropdown menu-align="right" disabled menu-element-classes="tw-w-full">
+          <DropdownItem>
+            <span>Menu item 1</span>
+          </DropdownItem>
+          <DropdownItem>
+            <span>Menu item 2</span>
+          </DropdownItem>
+        </Dropdown>
+      </div>
+    `}),s=()=>({components:{Dropdown:n,DropdownItem:l,Pill:a},template:`
+      <div class="tw-font-sans tw-w-1/4">
+        <Dropdown menu-align="right" menu-element-classes="tw-h-40 tw-overflow-y-auto tw-w-full">
+          <DropdownItem v-for="(item, i) in items" :key="i">
+            <span class="tw-grow">{{ item.display }}</span>
+          </DropdownItem>
+        </Dropdown>
+      </div>
+    `,setup(){return{items:[{display:"Menu 1"},{display:"Menu 2"},{display:"Menu 3"},{display:"Menu 4"},{display:"Menu 5"},{display:"Menu 6"},{display:"Menu 7"},{display:"Menu 8"},{display:"Menu 9"},{display:"Menu 10"}]}}}),o=()=>({components:{Dropdown:n,DropdownItem:l,Button:I,Pill:a},template:`
+      <div class="tw-flex tw-gap-2 tw-m-4">
+        <Dropdown menu-align="right" element-classes="tw-h-12" menu-element-classes="tw-w-full">
+          <DropdownItem>
+            <span class="tw-grow">Menu item 1</span>
+            <Pill class="tw-text-white" :style="{ background: 'blue' }">Blue</Pill>
+          </DropdownItem>
+          <DropdownItem>
+            <span class="tw-grow">Menu item 2</span>
+            <Pill class="tw-text-white tw-w-7" :style="{ background: 'red' }">Red</Pill>
+          </DropdownItem>
+        </Dropdown>
+        <Button label="Submit" variant="primary">Button</Button>
+      </div>
+    `});var r,p,w;e.parameters={...e.parameters,docs:{...(r=e.parameters)==null?void 0:r.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Dropdown,
+      DropdownItem,
+      Pill
+    },
+    data() {
+      return {
+        show: true
+      };
+    },
+    template: \`
+      <div class="tw-font-sans tw-w-1/4">
+        <Dropdown menu-align="right" v-model:show="show" @update:show="(visible) => show = visible" menu-element-classes="tw-w-full">
+          <DropdownItem @click="() => show = false">
+            <span class="tw-grow">Menu item 1</span>
+            <Pill class="tw-text-white" :style="{ background: 'blue' }">Blue</Pill>
+          </DropdownItem>
+          <DropdownItem>
+            <span class="tw-grow">Menu item 2</span>
+            <Pill class="tw-text-white tw-w-7" :style="{ background: 'red' }">Red</Pill>
+          </DropdownItem>
+        </Dropdown>
+      </div>
+    \`
+  };
+}`,...(w=(p=e.parameters)==null?void 0:p.docs)==null?void 0:w.source}}};var i,d,m;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Dropdown,
+      DropdownItem
+    },
+    template: \`
+      <div class="tw-font-sans tw-w-1/4">
+        <Dropdown menu-align="right" disabled menu-element-classes="tw-w-full">
+          <DropdownItem>
+            <span>Menu item 1</span>
+          </DropdownItem>
+          <DropdownItem>
+            <span>Menu item 2</span>
+          </DropdownItem>
+        </Dropdown>
+      </div>
+    \`
+  };
+}`,...(m=(d=t.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};var u,c,D;s.parameters={...s.parameters,docs:{...(u=s.parameters)==null?void 0:u.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Dropdown,
+      DropdownItem,
+      Pill
+    },
+    template: \`
+      <div class="tw-font-sans tw-w-1/4">
+        <Dropdown menu-align="right" menu-element-classes="tw-h-40 tw-overflow-y-auto tw-w-full">
+          <DropdownItem v-for="(item, i) in items" :key="i">
+            <span class="tw-grow">{{ item.display }}</span>
+          </DropdownItem>
+        </Dropdown>
+      </div>
+    \`,
+    setup() {
+      return {
+        items: [{
+          display: 'Menu 1'
+        }, {
+          display: 'Menu 2'
+        }, {
+          display: 'Menu 3'
+        }, {
+          display: 'Menu 4'
+        }, {
+          display: 'Menu 5'
+        }, {
+          display: 'Menu 6'
+        }, {
+          display: 'Menu 7'
+        }, {
+          display: 'Menu 8'
+        }, {
+          display: 'Menu 9'
+        }, {
+          display: 'Menu 10'
+        }]
+      };
+    }
+  };
+}`,...(D=(c=s.parameters)==null?void 0:c.docs)==null?void 0:D.source}}};var g,y,h;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Dropdown,
+      DropdownItem,
+      Button,
+      Pill
+    },
+    template: \`
+      <div class="tw-flex tw-gap-2 tw-m-4">
+        <Dropdown menu-align="right" element-classes="tw-h-12" menu-element-classes="tw-w-full">
+          <DropdownItem>
+            <span class="tw-grow">Menu item 1</span>
+            <Pill class="tw-text-white" :style="{ background: 'blue' }">Blue</Pill>
+          </DropdownItem>
+          <DropdownItem>
+            <span class="tw-grow">Menu item 2</span>
+            <Pill class="tw-text-white tw-w-7" :style="{ background: 'red' }">Red</Pill>
+          </DropdownItem>
+        </Dropdown>
+        <Button label="Submit" variant="primary">Button</Button>
+      </div>
+    \`
+  };
+}`,...(h=(y=o.parameters)==null?void 0:y.docs)==null?void 0:h.source}}};const S=["Sample","Disabled","LongListFixedHeight","SampleElementClasses"];export{t as Disabled,s as LongListFixedHeight,e as Sample,o as SampleElementClasses,S as __namedExportsOrder,k as default};

package/.storybook-static/assets/DropdownItem-CDX_V6Mi.js

@@ -0,0 +1 @@
+import{c as r,e as a,A as p,h,g as i,b as o,B as g,a as b,o as u,z as v,t as y}from"./iframe-C86bI_2U.js";import{I as _}from"./Icon-8mZGP41G.js";import{_ as d}from"./_plugin-vue_export-helper-DlAUqK2U.js";const f={components:{Icon:_},props:{menuAlign:{type:String,default:"right"},title:{type:String,required:!1,default:void 0},elementClasses:{type:String,required:!1,default:""},menuElementClasses:{type:String,required:!1,default:""},disabled:{type:Boolean,required:!1,default:!1},show:{type:Boolean,required:!1,default:!1},iconSize:{type:String,required:!1,default:"sm"},tooltip:{type:String,required:!1}},data:()=>({isMenuVisible:!1}),computed:{menuItems(){return(this.$slots.default||[]).filter(t=>t.tag)}},watch:{show(){this.isMenuVisible=this.show}},mounted(){this.isMenuVisible=this.show},methods:{onToggleMenu(){this.isMenuVisible=!this.isMenuVisible,this.$emit("update:show",this.isMenuVisible)},hideMenu(){this.isMenuVisible=!1,this.$emit("update:show",!1)},showMenu(){this.isMenuVisible=!0,this.$emit("update:show",!0)}}},V={class:"tw-relative tw-inline-block tw-w-full"},k=["title"],q={class:"tw-text-left tw-flex-auto tw-pl-3 tw-truncate"},M={class:"tw-py-1"};function C(t,s,e,c,w,n){const l=b("Icon");return u(),r("div",V,[a("div",{class:o(["tw-bg-white tw-border tw-border-grayscale-500 tw-border-solid tw-h-10 tw-flex tw-items-center tw-rounded tw-text-md tw-w-full",[e.elementClasses,e.disabled&&"tw-opacity-40 tw-cursor-not-allowed"]]),onClick:s[0]||(s[0]=()=>!e.disabled&&n.onToggleMenu()),title:e.tooltip},[a("div",q,[i(t.$slots,"title",{},()=>[v(y(e.title),1)])]),h(l,{name:t.isMenuVisible?"chevron-up":"chevron-down",class:"tw-pt-1 tw-pr-2 tw-flex-none",color:"secondary-500",size:e.iconSize},null,8,["name","size"])],10,k),p(a("div",{class:o(["tw-origin-top-right tw-absolute tw-mt-2 tw-rounded-md tw-shadow-lg tw-bg-white tw-ring-1 tw-ring-black tw-ring-opacity-5 tw-z-20",[e.menuElementClasses,{"tw-right-0":e.menuAlign==="right","tw-left-0":e.menuAlign!=="right"}]])},[a("div",M,[i(t.$slots,"default")])],2),[[g,t.isMenuVisible]])])}const z=d(f,[["render",C]]);f.__docgenInfo={exportName:"default",displayName:"Dropdown",description:"",tags:{},props:[{name:"menuAlign",type:{name:"string"},defaultValue:{func:!1,value:"'right'"}},{name:"title",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"elementClasses",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"menuElementClasses",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"disabled",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"show",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"iconSize",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'sm'"}},{name:"tooltip",type:{name:"string"},required:!1}],events:[{name:"update:show",type:{names:["undefined"]}}],slots:[{name:"title"},{name:"default"}],sourceFiles:["/Users/jamesjoung/repo/fe-shared-lib/src/atoms/components/Dropdown/Dropdown.vue"]};const m={props:{backgroundHover:{type:Boolean,default:!0}},methods:{onClick(){this.$emit("click")}}};function S(t,s,e,c,w,n){return u(),r("div",null,[a("div",{class:o(["tw-flex tw-items-center tw-px-2 tw-py-2 tw-cursor-pointer",{"dropdown-item-hover":e.backgroundHover}]),onClick:s[0]||(s[0]=(...l)=>n.onClick&&n.onClick(...l))},[i(t.$slots,"default",{},void 0,!0)],2)])}const B=d(m,[["render",S],["__scopeId","data-v-00a55e77"]]);m.__docgenInfo={exportName:"default",displayName:"DropdownItem",description:"",tags:{},props:[{name:"backgroundHover",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],events:[{name:"click"}],slots:[{name:"default"}],sourceFiles:["/Users/jamesjoung/repo/fe-shared-lib/src/atoms/components/Dropdown/DropdownItem.vue"]};export{z as D,B as a};

package/.storybook-static/assets/DropdownItem-CLNmWtKh.css

@@ -0,0 +1 @@
+.dropdown-item-hover[data-v-00a55e77]:hover{background-color:#eee}

package/.storybook-static/assets/FormControl.mixin-_gXRExB7.js

@@ -0,0 +1 @@
+import{I as a}from"./Icon-8mZGP41G.js";const l=32,i={components:{Icon:a},props:{attrs:{type:Object,required:!1,default:()=>{}},modelValue:{type:[String,Number],required:!1,default:""},id:{type:String,required:!1,default:void 0},placeholder:{type:String,required:!1,default:void 0},size:{type:String,required:!1,default:"sm"},label:{type:String,required:!1,default:void 0},showLabelScreenReaderOnly:{type:Boolean,required:!1,default:!1},icon:{type:String,required:!1,default:void 0},required:{type:Boolean,required:!1,default:!1},error:{type:Boolean,required:!1,default:!1},warning:{type:Boolean,required:!1,default:!1},success:{type:Boolean,required:!1,default:!1},disabled:{type:Boolean,required:!1,default:!1},readonly:{type:Boolean,required:!1,default:!1},name:{type:String,required:!1,default:void 0},maxlength:{type:Number,required:!1,default:void 0},minlength:{type:Number,required:!1,default:void 0},isSpaceDisabled:{type:Boolean,required:!1,default:!1},requiredMessage:{type:String,required:!1,default:"Please fill in this field."}},methods:{input(e,t){this.$emit("update:modelValue",e),this.$emit("input",e),t!=null&&t.target&&t.target.setCustomValidity("")},keyup(e){this.$emit("keyup",e)},keydown(e,t){if(this.isSpaceDisabled&&t.which===l){t.preventDefault();return}this.$emit("keydown",e)},focus(e){this.$emit("focus",e)},blur(e){this.$emit("blur",e)},enterKeyUp(e){this.$emit("enter-key-up",e)}}};export{i as F};

package/.storybook-static/assets/HashRouteModal.stories-Dy1_nLTJ.js

@@ -0,0 +1,64 @@
+import{E as k,y as V,x as n,a as q,o as B,g as l}from"./iframe-C86bI_2U.js";import{M as S}from"./Modal-BQrpXSGA.js";import{_ as x}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{B as _}from"./Button-DtVlr_q3.js";import"./Icon-8mZGP41G.js";import"./ButtonPrimary-DG9wNod9.js";/*!
+  * vue-router v4.5.0
+  * (c) 2024 Eduardo San Martin Morote
+  * @license MIT
+  */var u;(function(e){e.pop="pop",e.push="push"})(u||(u={}));var d;(function(e){e.back="back",e.forward="forward",e.unknown=""})(d||(d={}));var c;(function(e){e[e.aborted=4]="aborted",e[e.cancelled=8]="cancelled",e[e.duplicated=16]="duplicated"})(c||(c={}));const j=Symbol("");function v(){return k(j)}const z="#",r="|",C=/[#|]/,E=(e,o)=>`#${e.replace(z,"").split(r).filter(a=>a).concat(o).join(r)}`,O={props:{isHashRouteEnabled:{type:Boolean,required:!1,default:!1}},data:()=>({removeHookFunc:void 0}),mounted(){!this.isHashRouteEnabled||!this.$router||typeof this.onHashRouteChange!="function"||(this.removeHookFunc=this.$router.afterEach((e,o)=>{const a=o.hash.split(e.hash).join("").replace(C,"");this.onHashRouteChange(a)}))},unmounted(){this.removeHookFunc&&(this.removeHookFunc(),this.removeHookFunc=void 0)},methods:{hashRoutePush(e){if(!this.isHashRouteEnabled||!this.$router)return;const o=E(this.$router.currentRoute.value.hash,e);this.$router.push({hash:o})},hashRouteBack(e){!this.isHashRouteEnabled||!this.$router||this.$router.currentRoute.value.hash.split(r).filter(o=>o.indexOf(e)>-1).length!==0&&this.$router.back()}}},M={components:{Modal:S},mixins:[O],props:{simple:{type:Boolean,required:!1,default:!1},removeHorizontalMargin:{type:Boolean,required:!1,default:!1},visible:{type:Boolean,required:!1,default:!1},mandatory:{type:Boolean,required:!1,default:!1},mode:{type:String,required:!1,default:void 0},classes:{type:[String,Object],required:!1,default:""},size:{type:String,required:!1,default:void 0},fullScreenBreakpoint:{type:String,required:!1,default:void 0},closeOnEsc:{type:Boolean,required:!1,default:!1},hideScrollbar:{type:Boolean,required:!1,default:!0}},computed:{modalTag(){return`modal-${this.$.uid}`}},watch:{visible(e){e&&!this.mandatory&&this.hashRoutePush(this.modalTag)}},mounted(){this.visible&&!this.mandatory&&this.hashRoutePush(this.modalTag)},methods:{onHashRouteChange(e){e!==this.modalTag||!this.visible||this.$emit("close-modal",{})},onCloseModal(e){this.hashRouteBack(this.modalTag),this.$emit("close-modal",e)}}};function $(e,o,a,L,w,R){const H=q("Modal");return B(),V(H,{simple:a.simple,"remove-horizontal-margin":a.removeHorizontalMargin,visible:a.visible,mandatory:a.mandatory,mode:a.mode,classes:a.classes,size:a.size,"full-screen-breakpoint":a.fullScreenBreakpoint,"close-on-esc":a.closeOnEsc,"hide-scrollbar":a.hideScrollbar,onCloseModal:R.onCloseModal},{header:n(()=>[l(e.$slots,"header")]),default:n(()=>[l(e.$slots,"default")]),footer:n(()=>[l(e.$slots,"footer")]),_:3},8,["simple","remove-horizontal-margin","visible","mandatory","mode","classes","size","full-screen-breakpoint","close-on-esc","hide-scrollbar","onCloseModal"])}const i=x(M,[["render",$]]);M.__docgenInfo={exportName:"default",displayName:"HashRouteModal",description:"",tags:{},props:[{name:"isHashRouteEnabled",mixin:{name:"hash-router-mixin",path:"../../mixin/hash-router-mixin.js"},type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"simple",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"removeHorizontalMargin",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"visible",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"mandatory",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"mode",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"classes",type:{name:"string|object"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"size",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"fullScreenBreakpoint",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"closeOnEsc",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"hideScrollbar",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}}],events:[{name:"close-modal",type:{names:["undefined"]}}],slots:[{name:"header"},{name:"default"},{name:"footer"}],sourceFiles:["/Users/jamesjoung/repo/fe-shared-lib/src/atoms/components/Modal/HashRouteModal.vue","/Users/jamesjoung/repo/fe-shared-lib/src/atoms/mixin/hash-router-mixin.js"]};const A={title:"Components/Hash Router Modal",component:i},y={isVisible:!0},s=(e,{argTypes:o})=>{const a=v();return{components:{HashRouteModal:i},props:Object.keys(o),template:`
+      <HashRouteModal :visible="isVisible" close-on-esc @close-modal="closeLoginModal">
+      Your component goes here
+      </HashRouteModal>
+    `,methods:{closeLoginModal(){this.isVisible=!1}},router:a}};s.args=y;const t=()=>{const e=v();return{components:{HashRouteModal:i,Button:_},data(){return{isVisible:!1}},template:`
+      <div>
+        <Button size="medium" variant="primary" label="Click Me" @on-click="isVisible = true" />
+        <HashRouteModal :visible="isVisible" close-on-esc @close-modal="closeLoginModal">
+        Your component goes here
+        </HashRouteModal>
+      </div>
+    `,methods:{closeLoginModal(){this.isVisible=!1}},router:e}};t.args=y;var m,f,h;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`(args, {
+  argTypes
+}) => {
+  const router = useRouter();
+  return {
+    components: {
+      HashRouteModal
+    },
+    props: Object.keys(argTypes),
+    template: \`
+      <HashRouteModal :visible="isVisible" close-on-esc @close-modal="closeLoginModal">
+      Your component goes here
+      </HashRouteModal>
+    \`,
+    methods: {
+      closeLoginModal() {
+        this.isVisible = false;
+      }
+    },
+    router
+  };
+}`,...(h=(f=s.parameters)==null?void 0:f.docs)==null?void 0:h.source}}};var p,b,g;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
+  const router = useRouter();
+  return {
+    components: {
+      HashRouteModal,
+      Button
+    },
+    data() {
+      return {
+        isVisible: false
+      };
+    },
+    template: \`
+      <div>
+        <Button size="medium" variant="primary" label="Click Me" @on-click="isVisible = true" />
+        <HashRouteModal :visible="isVisible" close-on-esc @close-modal="closeLoginModal">
+        Your component goes here
+        </HashRouteModal>
+      </div>
+    \`,
+    methods: {
+      closeLoginModal() {
+        this.isVisible = false;
+      }
+    },
+    router
+  };
+}`,...(g=(b=t.parameters)==null?void 0:b.docs)==null?void 0:g.source}}};const I=["Sample","OpenWithButton"];export{t as OpenWithButton,s as Sample,I as __namedExportsOrder,A as default};

package/.storybook-static/assets/HelloBar-z54fob0q.js

@@ -0,0 +1 @@
+import{I as g}from"./Icon-8mZGP41G.js";import{c as n,e as w,y as i,f as l,b as r,t as u,F as o,r as y,g as v,a as b,o as a}from"./iframe-C86bI_2U.js";import{_ as x}from"./_plugin-vue_export-helper-DlAUqK2U.js";const m={components:{Icon:g},props:{label:{type:[String,Array],required:!0},description:{type:String,required:!1,default:void 0},variant:{type:String,required:!1,default:"success"},fontSize:{type:String,required:!1,default:"base"}},computed:{hasCtaSlot(){return!!this.$slots.cta},fontSizeClass(){return`tw-text-${this.fontSize}`}},methods:{isArray(c){return c instanceof Array}}},h={class:"lg:tw-mr-8"},S={key:0,class:"tw-flex-none"};function _(c,k,e,z,A,t){const s=b("Icon");return a(),n("div",{class:r(["tw-font-sans tw-py-3 tw-px-6 tw-rounded",{"tw-bg-info-500":e.variant==="info","tw-bg-error-500":e.variant==="error","tw-bg-success-500":e.variant==="success","tw-bg-warning-500":e.variant==="warning","tw-text-white":e.variant!=="warning","tw-text-grayscale-800":e.variant==="warning"}])},[w("div",{class:r(["tw-flex",{"tw-items-start":e.description||t.isArray(e.label),"tw-items-center":!e.description&&!t.isArray(e.label)}])},[e.variant==="success"?(a(),i(s,{key:0,name:"callout-success",size:"md",class:r(["tw-mr-4 tw-flex tw-items-center",{"tw-mt-1":t.isArray(e.label)}])},null,8,["class"])):l("",!0),e.variant==="warning"?(a(),i(s,{key:1,name:"callout-warning",size:"md",class:r(["tw-mr-4 tw-flex tw-items-center",{"tw-mt-1":t.isArray(e.label)}])},null,8,["class"])):l("",!0),e.variant==="error"?(a(),i(s,{key:2,name:"callout-error",size:"md",class:r(["tw-mr-4 tw-flex tw-items-center",{"tw-mt-1":t.isArray(e.label)}])},null,8,["class"])):l("",!0),e.variant==="info"?(a(),i(s,{key:3,name:"callout-info",size:"md",class:r(["tw-mr-4 tw-flex tw-items-center",{"tw-mt-1":t.isArray(e.label)}])},null,8,["class"])):l("",!0),w("div",{class:r(["tw-w-full tw-flex tw-flex-col lg:tw-flex-row",{"lg:tw-items-center tw-justify-between":t.hasCtaSlot}])},[w("div",h,[t.isArray(e.label)?l("",!0):(a(),n("p",{key:0,class:r(["tw-m-0 tw-leading-tight",[t.fontSizeClass,{"tw-font-bold tw-mb-1":e.description,"tw-text-grayscale-800":e.variant==="warning","tw-text-white":e.variant!=="warning"}]])},u(e.label),3)),t.isArray(e.label)?(a(),n("ul",{key:1,class:r(["tw-m-0 tw-leading-tight tw-ml-4 tw-pl-0",[t.fontSizeClass,{"tw-text-grayscale-800":e.variant==="warning","tw-text-white":e.variant!=="warning"}]])},[(a(!0),n(o,null,y(e.label,(d,f)=>(a(),n("li",{key:f},u(d),1))),128))],2)):l("",!0),e.description?(a(),n("p",{key:2,class:r(["tw-m-0 tw-leading-tight tw-mb-2 lg:tw-mb-0",[t.fontSizeClass,{"tw-text-white":e.variant!=="warning","tw-text-grayscale-600":e.variant==="warning"}]])},u(e.description),3)):l("",!0)]),t.hasCtaSlot?(a(),n("div",S,[v(c.$slots,"cta")])):l("",!0)],2)],2)],2)}const H=x(m,[["render",_]]);m.__docgenInfo={exportName:"default",displayName:"HelloBar",description:"",tags:{},props:[{name:"label",type:{name:"string|array"},required:!0},{name:"description",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"variant",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'success'"}},{name:"fontSize",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'base'"}}],slots:[{name:"cta"}],sourceFiles:["/Users/jamesjoung/repo/fe-shared-lib/src/atoms/components/HelloBar/HelloBar.vue"]};export{H};

package/.storybook-static/assets/HelloBar.stories-ClJ9_KRK.js

@@ -0,0 +1,342 @@
+import{B as w}from"./Button-DtVlr_q3.js";import{H as o}from"./HelloBar-z54fob0q.js";import"./ButtonPrimary-DG9wNod9.js";import"./iframe-C86bI_2U.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Icon-8mZGP41G.js";const f={title:"Components/HelloBar",component:o},t=()=>({components:{Button:w,HelloBar:o},methods:{doSomething(){alert("I'm doing something")}},template:`
+      <table class="tw-w-full">
+        <thead>
+          <tr>
+            <th class="tw-text-left tw-p-4 tw-bg-grayscale-400 tw-font-sans">HelloBar</th>
+            <th class="tw-text-left tw-p-4 tw-bg-grayscale-400 tw-font-sans">Code</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr class="tw-bg-grayscale-200">
+            <td class="tw-p-4 tw-w-3/4">
+              <HelloBar variant="info" label="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt." />
+            </td>
+            <td class="tw-p-4 tw-w-3/4">
+              <code class="tw-bg-info-100 tw-block tw-p-2 tw-rounded tw-bg-gray-400 tw-border tw-border-solid tw-border-info-300 tw-text-info-900">
+              &lt;HelloBar variant="info" label="" /&gt;
+              </code>
+            </td>
+          </tr>
+          <tr class="tw-bg-grayscale-200">
+            <td class="tw-p-4 tw-w-3/4">
+              <HelloBar variant="error" label="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt." />
+            </td>
+            <td class="tw-p-4 tw-w-3/4">
+              <code class="tw-bg-info-100 tw-block tw-p-2 tw-rounded tw-bg-gray-400 tw-border tw-border-solid tw-border-info-300 tw-text-info-900">
+                &lt;HelloBar variant="error" label="" /&gt;
+              </code>
+            </td>
+          </tr>
+          <tr class="tw-bg-grayscale-200">
+            <td class="tw-p-4 tw-w-3/4">
+              <HelloBar variant="success" label="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt." />
+            </td>
+            <td class="tw-p-4 tw-w-3/4">
+              <code class="tw-bg-info-100 tw-block tw-p-2 tw-rounded tw-bg-gray-400 tw-border tw-border-solid tw-border-info-300 tw-text-info-900">
+                &lt;HelloBar variant="success" label="" /&gt;
+              </code>
+            </td>
+          </tr>
+          <tr class="tw-bg-grayscale-200">
+            <td class="tw-p-4 tw-w-3/4">
+              <HelloBar variant="success" label="Lorem ipsum dolor sit amet" description="consectetur adipiscing elit, sed do eiusmod tempor incididunt." />
+            </td>
+            <td class="tw-p-4 tw-w-3/4">
+              <code class="tw-bg-info-100 tw-block tw-p-2 tw-rounded tw-bg-gray-400 tw-border tw-border-solid tw-border-info-300 tw-text-info-900">
+                &lt;HelloBar variant="success" label="" description="" /&gt;
+              </code>
+            </td>
+          </tr>
+          <tr class="tw-bg-grayscale-200">
+            <td class="tw-p-4 tw-w-3/4">
+              <HelloBar variant="warning" label="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt." />
+            </td>
+            <td class="tw-p-4 tw-w-3/4">
+              <code class="tw-bg-info-100 tw-block tw-p-2 tw-rounded tw-bg-gray-400 tw-border tw-border-solid tw-border-info-300 tw-text-info-900">
+                &lt;HelloBar variant="warning" label="" /&gt;
+              </code>
+            </td>
+          </tr>
+          <tr class="tw-bg-grayscale-200">
+            <td class="tw-p-4 tw-w-3/4">
+              <HelloBar
+                variant="warning"
+                label="Logo image is low quality"
+                description="Your file is too small, make sure to upload at least 1000 x 1000px file to ensure the quality of your design."
+              >
+                <template v-slot:cta>
+                  <Button
+                    label="Replace logo"
+                    size="small"
+                    variant="secondary"
+                    @on-click="doSomething"
+                  />
+                </template>
+              </HelloBar>
+            </td>
+            <td class="tw-p-4" width="200">
+              <pre class="tw-block tw-bg-info-100 tw-p-2 tw-rounded tw-bg-gray-400 tw-border tw-border-solid tw-border-info-300 tw-text-info-900">
+&#x3C;HelloBar
+  variant=&#x22;warning&#x22;
+  label=&#x22;Logo image is low quality&#x22;
+  description=&#x22;Your file is too small.&#x22;
+&#x3E;
+  &#x3C;template v-slot:cta&#x3E;
+    &#x3C;Button
+      label=&#x22;Replace logo&#x22;
+      size=&#x22;small&#x22;
+      variant=&#x22;secondary&#x22;
+      @on-click=&#x22;doSomething&#x22;
+    /&#x3E;
+  &#x3C;/template&#x3E;
+&#x3C;/HelloBar&#x3E;</pre>
+            </td>
+          </tr>
+          <tr class="tw-bg-grayscale-200">
+            <td class="tw-p-4 tw-w-3/4">
+              <HelloBar label="Small font" font-size="sm" variant="info" description="This hello bar has smaller font." />
+            </td>
+            <td class="tw-p-4 tw-w-3/4">
+              <code class="tw-bg-info-100 tw-block tw-p-2 tw-rounded tw-bg-gray-400 tw-border tw-border-solid tw-border-info-300 tw-text-info-900">
+              &lt;HelloBar variant="info" label="Small font" description="This hello bar has smaller font." /&gt;
+              </code>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    `}),e=()=>({components:{Button:w,HelloBar:o},data(){return{messages:["This is the first message","This is the second message","This is the third message"]}},template:`
+      <table class="tw-w-full">
+        <thead>
+          <tr>
+            <th class="tw-text-left tw-p-4 tw-bg-grayscale-400 tw-font-sans">HelloBar</th>
+            <th class="tw-text-left tw-p-4 tw-bg-grayscale-400 tw-font-sans">Code</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr class="tw-bg-grayscale-200">
+            <td class="tw-p-4 tw-w-3/4">
+              <HelloBar variant="info" :label="messages" />
+            </td>
+            <td class="tw-p-4 tw-w-3/4">
+              <code class="tw-bg-info-100 tw-block tw-p-2 tw-rounded tw-bg-gray-400 tw-border tw-border-solid tw-border-info-300 tw-text-info-900">
+              &lt;HelloBar variant="info" :label="['first', 'second', 'third']" /&gt;
+              </code>
+            </td>
+          </tr>
+          <tr class="tw-bg-grayscale-200">
+            <td class="tw-p-4 tw-w-3/4">
+              <HelloBar variant="error" :label="messages" />
+            </td>
+            <td class="tw-p-4 tw-w-3/4">
+              <code class="tw-bg-info-100 tw-block tw-p-2 tw-rounded tw-bg-gray-400 tw-border tw-border-solid tw-border-info-300 tw-text-info-900">
+                &lt;HelloBar variant="error" :label="['first', 'second', 'third']" /&gt;
+              </code>
+            </td>
+          </tr>
+          <tr class="tw-bg-grayscale-200">
+            <td class="tw-p-4 tw-w-3/4">
+              <HelloBar variant="success" :label="messages" />
+            </td>
+            <td class="tw-p-4 tw-w-3/4">
+              <code class="tw-bg-info-100 tw-block tw-p-2 tw-rounded tw-bg-gray-400 tw-border tw-border-solid tw-border-info-300 tw-text-info-900">
+                &lt;HelloBar variant="success" :label="['first', 'second', 'third']" /&gt;
+              </code>
+            </td>
+          </tr>
+          <tr class="tw-bg-grayscale-200">
+            <td class="tw-p-4 tw-w-3/4">
+              <HelloBar variant="warning" :label="messages" />
+            </td>
+            <td class="tw-p-4 tw-w-3/4">
+              <code class="tw-bg-info-100 tw-block tw-p-2 tw-rounded tw-bg-gray-400 tw-border tw-border-solid tw-border-info-300 tw-text-info-900">
+                &lt;HelloBar variant="warning" :label="['first', 'second', 'third']" /&gt;
+              </code>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    `});var a,r,l;t.parameters={...t.parameters,docs:{...(a=t.parameters)==null?void 0:a.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Button,
+      HelloBar
+    },
+    methods: {
+      doSomething() {
+        // eslint-disable-next-line no-alert
+        alert("I'm doing something");
+      }
+    },
+    template: \`
+      <table class="tw-w-full">
+        <thead>
+          <tr>
+            <th class="tw-text-left tw-p-4 tw-bg-grayscale-400 tw-font-sans">HelloBar</th>
+            <th class="tw-text-left tw-p-4 tw-bg-grayscale-400 tw-font-sans">Code</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr class="tw-bg-grayscale-200">
+            <td class="tw-p-4 tw-w-3/4">
+              <HelloBar variant="info" label="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt." />
+            </td>
+            <td class="tw-p-4 tw-w-3/4">
+              <code class="tw-bg-info-100 tw-block tw-p-2 tw-rounded tw-bg-gray-400 tw-border tw-border-solid tw-border-info-300 tw-text-info-900">
+              &lt;HelloBar variant="info" label="" /&gt;
+              </code>
+            </td>
+          </tr>
+          <tr class="tw-bg-grayscale-200">
+            <td class="tw-p-4 tw-w-3/4">
+              <HelloBar variant="error" label="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt." />
+            </td>
+            <td class="tw-p-4 tw-w-3/4">
+              <code class="tw-bg-info-100 tw-block tw-p-2 tw-rounded tw-bg-gray-400 tw-border tw-border-solid tw-border-info-300 tw-text-info-900">
+                &lt;HelloBar variant="error" label="" /&gt;
+              </code>
+            </td>
+          </tr>
+          <tr class="tw-bg-grayscale-200">
+            <td class="tw-p-4 tw-w-3/4">
+              <HelloBar variant="success" label="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt." />
+            </td>
+            <td class="tw-p-4 tw-w-3/4">
+              <code class="tw-bg-info-100 tw-block tw-p-2 tw-rounded tw-bg-gray-400 tw-border tw-border-solid tw-border-info-300 tw-text-info-900">
+                &lt;HelloBar variant="success" label="" /&gt;
+              </code>
+            </td>
+          </tr>
+          <tr class="tw-bg-grayscale-200">
+            <td class="tw-p-4 tw-w-3/4">
+              <HelloBar variant="success" label="Lorem ipsum dolor sit amet" description="consectetur adipiscing elit, sed do eiusmod tempor incididunt." />
+            </td>
+            <td class="tw-p-4 tw-w-3/4">
+              <code class="tw-bg-info-100 tw-block tw-p-2 tw-rounded tw-bg-gray-400 tw-border tw-border-solid tw-border-info-300 tw-text-info-900">
+                &lt;HelloBar variant="success" label="" description="" /&gt;
+              </code>
+            </td>
+          </tr>
+          <tr class="tw-bg-grayscale-200">
+            <td class="tw-p-4 tw-w-3/4">
+              <HelloBar variant="warning" label="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt." />
+            </td>
+            <td class="tw-p-4 tw-w-3/4">
+              <code class="tw-bg-info-100 tw-block tw-p-2 tw-rounded tw-bg-gray-400 tw-border tw-border-solid tw-border-info-300 tw-text-info-900">
+                &lt;HelloBar variant="warning" label="" /&gt;
+              </code>
+            </td>
+          </tr>
+          <tr class="tw-bg-grayscale-200">
+            <td class="tw-p-4 tw-w-3/4">
+              <HelloBar
+                variant="warning"
+                label="Logo image is low quality"
+                description="Your file is too small, make sure to upload at least 1000 x 1000px file to ensure the quality of your design."
+              >
+                <template v-slot:cta>
+                  <Button
+                    label="Replace logo"
+                    size="small"
+                    variant="secondary"
+                    @on-click="doSomething"
+                  />
+                </template>
+              </HelloBar>
+            </td>
+            <td class="tw-p-4" width="200">
+              <pre class="tw-block tw-bg-info-100 tw-p-2 tw-rounded tw-bg-gray-400 tw-border tw-border-solid tw-border-info-300 tw-text-info-900">
+&#x3C;HelloBar
+  variant=&#x22;warning&#x22;
+  label=&#x22;Logo image is low quality&#x22;
+  description=&#x22;Your file is too small.&#x22;
+&#x3E;
+  &#x3C;template v-slot:cta&#x3E;
+    &#x3C;Button
+      label=&#x22;Replace logo&#x22;
+      size=&#x22;small&#x22;
+      variant=&#x22;secondary&#x22;
+      @on-click=&#x22;doSomething&#x22;
+    /&#x3E;
+  &#x3C;/template&#x3E;
+&#x3C;/HelloBar&#x3E;</pre>
+            </td>
+          </tr>
+          <tr class="tw-bg-grayscale-200">
+            <td class="tw-p-4 tw-w-3/4">
+              <HelloBar label="Small font" font-size="sm" variant="info" description="This hello bar has smaller font." />
+            </td>
+            <td class="tw-p-4 tw-w-3/4">
+              <code class="tw-bg-info-100 tw-block tw-p-2 tw-rounded tw-bg-gray-400 tw-border tw-border-solid tw-border-info-300 tw-text-info-900">
+              &lt;HelloBar variant="info" label="Small font" description="This hello bar has smaller font." /&gt;
+              </code>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    \`
+  };
+}`,...(l=(r=t.parameters)==null?void 0:r.docs)==null?void 0:l.source}}};var s,n,d;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Button,
+      HelloBar
+    },
+    data() {
+      return {
+        messages: ['This is the first message', 'This is the second message', 'This is the third message']
+      };
+    },
+    template: \`
+      <table class="tw-w-full">
+        <thead>
+          <tr>
+            <th class="tw-text-left tw-p-4 tw-bg-grayscale-400 tw-font-sans">HelloBar</th>
+            <th class="tw-text-left tw-p-4 tw-bg-grayscale-400 tw-font-sans">Code</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr class="tw-bg-grayscale-200">
+            <td class="tw-p-4 tw-w-3/4">
+              <HelloBar variant="info" :label="messages" />
+            </td>
+            <td class="tw-p-4 tw-w-3/4">
+              <code class="tw-bg-info-100 tw-block tw-p-2 tw-rounded tw-bg-gray-400 tw-border tw-border-solid tw-border-info-300 tw-text-info-900">
+              &lt;HelloBar variant="info" :label="['first', 'second', 'third']" /&gt;
+              </code>
+            </td>
+          </tr>
+          <tr class="tw-bg-grayscale-200">
+            <td class="tw-p-4 tw-w-3/4">
+              <HelloBar variant="error" :label="messages" />
+            </td>
+            <td class="tw-p-4 tw-w-3/4">
+              <code class="tw-bg-info-100 tw-block tw-p-2 tw-rounded tw-bg-gray-400 tw-border tw-border-solid tw-border-info-300 tw-text-info-900">
+                &lt;HelloBar variant="error" :label="['first', 'second', 'third']" /&gt;
+              </code>
+            </td>
+          </tr>
+          <tr class="tw-bg-grayscale-200">
+            <td class="tw-p-4 tw-w-3/4">
+              <HelloBar variant="success" :label="messages" />
+            </td>
+            <td class="tw-p-4 tw-w-3/4">
+              <code class="tw-bg-info-100 tw-block tw-p-2 tw-rounded tw-bg-gray-400 tw-border tw-border-solid tw-border-info-300 tw-text-info-900">
+                &lt;HelloBar variant="success" :label="['first', 'second', 'third']" /&gt;
+              </code>
+            </td>
+          </tr>
+          <tr class="tw-bg-grayscale-200">
+            <td class="tw-p-4 tw-w-3/4">
+              <HelloBar variant="warning" :label="messages" />
+            </td>
+            <td class="tw-p-4 tw-w-3/4">
+              <code class="tw-bg-info-100 tw-block tw-p-2 tw-rounded tw-bg-gray-400 tw-border tw-border-solid tw-border-info-300 tw-text-info-900">
+                &lt;HelloBar variant="warning" :label="['first', 'second', 'third']" /&gt;
+              </code>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    \`
+  };
+}`,...(d=(n=e.parameters)==null?void 0:n.docs)==null?void 0:d.source}}};const u=["Sample","SampleWithArrayMessages"];export{t as Sample,e as SampleWithArrayMessages,u as __namedExportsOrder,f as default};