diff --git a/sb/main/iframe.html b/sb/main/iframe.html index a1e99117..d85cb7e5 100644 --- a/sb/main/iframe.html +++ b/sb/main/iframe.html @@ -352,4 +352,4 @@ import './547.fabc2bb0.iframe.bundle.js'; - import './main.8f540a5e.iframe.bundle.js'; \ No newline at end of file + import './main.800b1485.iframe.bundle.js'; \ No newline at end of file diff --git a/sb/main/main.8f540a5e.iframe.bundle.js b/sb/main/main.800b1485.iframe.bundle.js similarity index 51% rename from sb/main/main.8f540a5e.iframe.bundle.js rename to sb/main/main.800b1485.iframe.bundle.js index 399a7477..66c326c7 100644 --- a/sb/main/main.8f540a5e.iframe.bundle.js +++ b/sb/main/main.800b1485.iframe.bundle.js @@ -1 +1 @@ -(self.webpackChunk_vimeo_iris=self.webpackChunk_vimeo_iris||[]).push([[179],{"./.storybook/preview.js-generated-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject),__webpack_require__.d(preview_namespaceObject,{__namedExportsOrder:()=>preview_namedExportsOrder,argTypes:()=>argTypes,decorators:()=>decorators,parameters:()=>parameters});var external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("@storybook/preview-api"),chunk_6P7RB4HF=__webpack_require__("./node_modules/.pnpm/@storybook+theming@7.4.6_w7o5yyljkiidx2s2nzb26ottzu/node_modules/@storybook/theming/dist/chunk-6P7RB4HF.mjs"),polished_esm=__webpack_require__("./node_modules/.pnpm/polished@4.2.2/node_modules/polished/dist/polished.esm.js"),themes=__webpack_require__("./src/themes/index.ts"),colors=__webpack_require__("./src/color/colors.ts");const base={colorPrimary:(0,colors.ek)(350),appBorderRadius:8,fontBase:'"Helvetica", Arial, sans-serif',fontCode:"Monaco, monospace",inputBorderRadius:6},themes_themes_light=function lightTheme(){return(0,chunk_6P7RB4HF.Ue)({base:"light",colorSecondary:(0,colors.iN)(500),appBg:(0,colors.ae)(50),appContentBg:colors.ix,appBorderColor:(0,polished_esm.m4)(colors.Sn,.1),textColor:(0,colors.se)(900),textInverseColor:(0,colors.ae)(50),barBg:colors.ix,barTextColor:(0,colors.se)(500),barSelectedColor:(0,colors.iN)(500),inputBg:colors.ix,inputBorder:(0,polished_esm.m4)(colors.Sn,.1),inputTextColor:(0,colors.se)(500),brandTitle:"Vimeo Iris Storybook",brandImage:"https://github.vimeows.com/storage/user/544/files/4baeee80-eb74-11e9-92db-39d4b2a25ed2",...themes.np.light,icon:'',...base})}(),themes_themes_dark=function darkTheme(){return(0,chunk_6P7RB4HF.Ue)({base:"dark",colorSecondary:(0,colors.iN)(350),appBg:colors.Sn,appContentBg:(0,colors.se)(950),appBorderColor:(0,polished_esm.m4)(colors.ix,.1),textColor:colors.ix,textInverseColor:(0,colors.se)(950),barBg:(0,colors.se)(950),barTextColor:(0,colors.ae)(50),barSelectedColor:(0,colors.iN)(350),inputBg:colors.Sn,inputBorder:(0,polished_esm.m4)(colors.ix,.1),inputTextColor:(0,colors.se)(100),brandTitle:"Vimeo Iris Storybook",brandImage:"https://github.vimeows.com/storage/user/544/files/4baeee80-eb74-11e9-92db-39d4b2a25ed2",...themes.np.dark,icon:'',...base})}();var css=__webpack_require__("./src/utils/css.ts"),react=__webpack_require__("./node_modules/.pnpm/react@17.0.1/node_modules/react/index.js"),styled_components_browser_esm=__webpack_require__("./node_modules/.pnpm/styled-components@5.3.11_gs7uovqmt47kay2rst2q7pi5hy/node_modules/styled-components/dist/styled-components.browser.esm.js"),esm=__webpack_require__("./node_modules/.pnpm/storybook-dark-mode@3.0.1_vkxczpybql2ie7b5prem5wbhte/node_modules/storybook-dark-mode/dist/esm/index.js"),jsx_runtime=__webpack_require__("./node_modules/.pnpm/react@17.0.1/node_modules/react/jsx-runtime.js");const decorators=[Story=>(0,jsx_runtime.jsxs)(styled_components_browser_esm.f6,{theme:(0,esm.vs)()?themes.np.dark:themes.np.light,children:[(0,jsx_runtime.jsx)(css.nz,{}),(0,jsx_runtime.jsx)(ForceClientSideRender,{children:Story()})]})];function ForceClientSideRender(props){const[state,stateSet]=(0,react.useState)(0);return(0,react.useEffect)((()=>stateSet((state=>state+1))),[]),state>0?(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:props.children}):null}const argTypes={"aria-activedescendant":{table:{disable:!0}},"aria-atomic":{table:{disable:!0}},"aria-autocomplete":{table:{disable:!0}},"aria-busy":{table:{disable:!0}},"aria-checked":{table:{disable:!0}},"aria-colcount":{table:{disable:!0}},"aria-colindex":{table:{disable:!0}},"aria-colspan":{table:{disable:!0}},"aria-controls":{table:{disable:!0}},"aria-current":{table:{disable:!0}},"aria-describedby":{table:{disable:!0}},"aria-details":{table:{disable:!0}},"aria-disabled":{table:{disable:!0}},"aria-dropeffect":{table:{disable:!0}},"aria-errormessage":{table:{disable:!0}},"aria-expanded":{table:{disable:!0}},"aria-flowto":{table:{disable:!0}},"aria-grabbed":{table:{disable:!0}},"aria-haspopup":{table:{disable:!0}},"aria-hidden":{table:{disable:!0}},"aria-invalid":{table:{disable:!0}},"aria-keyshortcuts":{table:{disable:!0}},"aria-label":{table:{disable:!0}},"aria-labelledby":{table:{disable:!0}},"aria-level":{table:{disable:!0}},"aria-live":{table:{disable:!0}},"aria-modal":{table:{disable:!0}},"aria-multiline":{table:{disable:!0}},"aria-multiselectable":{table:{disable:!0}},"aria-orientation":{table:{disable:!0}},"aria-owns":{table:{disable:!0}},"aria-placeholder":{table:{disable:!0}},"aria-posinset":{table:{disable:!0}},"aria-pressed":{table:{disable:!0}},"aria-readonly":{table:{disable:!0}},"aria-relevant":{table:{disable:!0}},"aria-required":{table:{disable:!0}},"aria-roledescription":{table:{disable:!0}},"aria-rowcount":{table:{disable:!0}},"aria-rowindex":{table:{disable:!0}},"aria-rowspan":{table:{disable:!0}},"aria-selected":{table:{disable:!0}},"aria-setsize":{table:{disable:!0}},"aria-sort":{table:{disable:!0}},"aria-valuemax":{table:{disable:!0}},"aria-valuemin":{table:{disable:!0}},"aria-valuenow":{table:{disable:!0}},"aria-valuetext":{table:{disable:!0}},role:{table:{disable:!0}},onBlur:{table:{disable:!0}},onClick:{table:{disable:!0}},onFocus:{table:{disable:!0}},onMouseEnter:{table:{disable:!0}},onMouseLeave:{table:{disable:!0}},alt:{table:{disable:!0}},as:{table:{disable:!0}},className:{table:{disable:!0}},data:{table:{disable:!0}},debug:{table:{disable:!0}},disabled:{table:{disable:!0}},forwardRef:{table:{disable:!0}},hidden:{table:{disable:!0}},id:{table:{disable:!0}},lang:{table:{disable:!0}},name:{table:{disable:!0}},style:{table:{disable:!0}},tabIndex:{table:{disable:!0}},title:{table:{disable:!0}},test:{table:{disable:!0}},theme:{table:{disable:!0}},accept:{table:{disable:!0}},autoComplete:{table:{disable:!0}},autoFocus:{table:{disable:!0}},capture:{table:{disable:!0}},checked:{table:{disable:!0}},crossOrigin:{table:{disable:!0}},defaultChecked:{table:{disable:!0}},defaultValue:{table:{disable:!0}},indeterminate:{table:{disable:!0}},max:{table:{disable:!0}},maxLength:{table:{disable:!0}},min:{table:{disable:!0}},minLength:{table:{disable:!0}},mirror:{table:{disable:!0}},multiple:{table:{disable:!0}},onChange:{table:{disable:!0}},onKeyDown:{table:{disable:!0}},onKeyUp:{table:{disable:!0}},pattern:{table:{disable:!0}},placeholder:{table:{disable:!0}},readOnly:{table:{disable:!0}},required:{table:{disable:!0}},step:{table:{disable:!0}},type:{table:{disable:!0}}},parameters={options:{storySort:{method:"alphabetical",order:["Iris","iris","Tokens","tokens","Color","color","Icons","icons","Illustration","illustration","Components","components","Typography","typography","*","Labs","labs"],locales:""},showPanel:!0,panelPosition:"bottom"},controls:{expanded:!0,hideNoControlsWarning:!0},darkMode:{dark:{...themes_themes_dark,stylePreview:!0},light:{...themes_themes_light,stylePreview:!0}}},preview_namedExportsOrder=["decorators","argTypes","parameters"],config=preview_namespaceObject.default??preview_namespaceObject;Object.keys(config).forEach((key=>{const value=config[key];switch(key){case"args":return(0,external_STORYBOOK_MODULE_PREVIEW_API_.addArgs)(value);case"argTypes":return(0,external_STORYBOOK_MODULE_PREVIEW_API_.addArgTypes)(value);case"decorators":return value.forEach((decorator=>(0,external_STORYBOOK_MODULE_PREVIEW_API_.addDecorator)(decorator,!1)));case"loaders":return value.forEach((loader=>(0,external_STORYBOOK_MODULE_PREVIEW_API_.addLoader)(loader,!1)));case"parameters":return(0,external_STORYBOOK_MODULE_PREVIEW_API_.addParameters)({...value},!1);case"argTypesEnhancers":return value.forEach((enhancer=>(0,external_STORYBOOK_MODULE_PREVIEW_API_.addArgTypesEnhancer)(enhancer)));case"argsEnhancers":return value.forEach((enhancer=>(0,external_STORYBOOK_MODULE_PREVIEW_API_.addArgsEnhancer)(enhancer)));case"render":return(0,external_STORYBOOK_MODULE_PREVIEW_API_.setGlobalRender)(value);case"globals":case"globalTypes":{const v={};return v[key]=value,(0,external_STORYBOOK_MODULE_PREVIEW_API_.addParameters)(v,!1)}case"__namedExportsOrder":case"decorateStory":case"renderToDOM":case"renderToCanvas":return null;case"runStep":return(0,external_STORYBOOK_MODULE_PREVIEW_API_.addStepRunner)(value);default:return console.log(`Unknown key '${key}' exported by preview annotation file '/home/runner/work/iris/iris/.storybook/preview.js'`)}}))},"./src/_deprecated/Grid/Grid.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Controls:()=>Controls,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/.pnpm/react@17.0.1/node_modules/react/index.js"),styled_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/.pnpm/styled-components@5.3.11_gs7uovqmt47kay2rst2q7pi5hy/node_modules/styled-components/dist/styled-components.browser.esm.js"),polished__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/.pnpm/polished@4.2.2/node_modules/polished/dist/polished.esm.js"),_Grid__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/_deprecated/Grid/Grid.tsx"),_typography__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/typography/Header/Header.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/.pnpm/react@17.0.1/node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"components/Grid",component:_Grid__WEBPACK_IMPORTED_MODULE_2__.r,parameters:{a11y:{disabled:!0}},argTypes:{children:{control:{disable:!0}},columns:{control:{type:"number",min:1,max:12}},columnsMinWidth:{name:"columns (minWidth)",control:{type:"select",options:[150,250,500,void 0]}}}},Template=args=>{const children=function repeat(length,element){return Array.from({length}).map(((_,key)=>(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(element(key),{key})))}(8,(key=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Item,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_typography__WEBPACK_IMPORTED_MODULE_3__.h,{size:"3",children:key+1})},key))),{columns,columnsMinWidth,...remainingArgs}=args;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Grid__WEBPACK_IMPORTED_MODULE_2__.r,{...remainingArgs,columns:columnsMinWidth?{minWidth:columnsMinWidth}:columns,children})};Template.displayName="Template";const Controls=Template.bind({});Controls.storyName="Grid",Controls.args={columns:4,columnsMinWidth:void 0};const Item=styled_components__WEBPACK_IMPORTED_MODULE_4__.ZP.div.withConfig({displayName:"Gridstory__Item",componentId:"sc-8r3501-0"})(["background:",";display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:1.5rem;font-weight:700;"],(({theme})=>(0,polished__WEBPACK_IMPORTED_MODULE_5__.m4)(theme.content.color,.2)));Controls.parameters={...Controls.parameters,docs:{...Controls.parameters?.docs,source:{originalSource:'args => {\n const children = repeat(8, key => \n
{key + 1}
\n );\n const {\n columns,\n columnsMinWidth,\n ...remainingArgs\n } = args;\n return \n {children}\n ;\n}',...Controls.parameters?.docs?.source}}};const __namedExportsOrder=["Controls"]},"./src/_labs/Pronouns/Pronouns.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AutoComplete:()=>AutoComplete,Comments:()=>Comments,GeneralSettings:()=>GeneralSettings,UserSettings:()=>UserSettings,VideoList:()=>VideoList,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Pronouns_story});var react=__webpack_require__("./node_modules/.pnpm/react@17.0.1/node_modules/react/index.js"),Story=__webpack_require__("./src/storybook/Story.tsx"),styled_components_browser_esm=__webpack_require__("./node_modules/.pnpm/styled-components@5.3.11_gs7uovqmt47kay2rst2q7pi5hy/node_modules/styled-components/dist/styled-components.browser.esm.js"),polished_esm=__webpack_require__("./node_modules/.pnpm/polished@4.2.2/node_modules/polished/dist/polished.esm.js"),Avatar=__webpack_require__("./src/components/Avatar/Avatar.tsx"),Tip=__webpack_require__("./src/components/Tip/Tip.tsx"),Badge=__webpack_require__("./src/components/Badge/Badge.tsx"),Header=__webpack_require__("./src/typography/Header/Header.tsx"),Paragraph=__webpack_require__("./src/typography/Paragraph/Paragraph.tsx"),colors=__webpack_require__("./src/color/colors.ts"),jsx_runtime=__webpack_require__("./node_modules/.pnpm/react@17.0.1/node_modules/react/jsx-runtime.js");const Comment=({children,id,name,pronouns,badge,variation})=>(0,jsx_runtime.jsxs)(CommentWrapper,{id:`comment_${id}`,children:[(0,jsx_runtime.jsxs)("div",{style:{alignSelf:"start",width:("E"===variation||"F"===variation||"G"===variation)&&"5.5rem",minWidth:("E"===variation||"F"===variation||"G"===variation)&&"5.5rem",maxWidth:("E"===variation||"F"===variation||"G"===variation)&&"5.5rem"},children:[(0,jsx_runtime.jsx)(Avatar.q,{alt:"name",src:`https://i.vimeocdn.com/portrait/${id}_75x75`,srcSet:`https://i.vimeocdn.com/portrait/${id}_150x150 2x`,style:{width:"3rem",marginRight:"1rem"}}),("E"===variation||"F"===variation)&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("div",{style:{marginTop:"0.25rem"}}),(0,jsx_runtime.jsx)(Comment_Badge,{href:"#",format:"live-archive",size:"sm",children:pronouns})]}),badge&&"F"===variation&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("div",{style:{marginTop:"0.25rem"}}),(0,jsx_runtime.jsx)(Comment_Badge,{href:"#",format:badge,size:"sm",children:badge})]}),"G"===variation&&(0,jsx_runtime.jsx)(PronounsSm,{children:pronouns})]}),(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsxs)(Meta,{children:["D"!==variation?(0,jsx_runtime.jsx)(Name,{variation,children:name}):(0,jsx_runtime.jsx)(InlineTipHack,{children:(0,jsx_runtime.jsx)(Tip.C,{content:pronouns,children:(0,jsx_runtime.jsx)(Name,{children:name})})}),"B"===variation&&(0,jsx_runtime.jsx)(Time,{children:"2 hours ago"}),"C"===variation&&(0,jsx_runtime.jsxs)(Pronouns,{children:["(",pronouns,")"]}),"B"===variation&&(0,jsx_runtime.jsx)("br",{}),"C"!==variation&&"D"!==variation&&"E"!==variation&&"F"!==variation&&"G"!==variation&&(0,jsx_runtime.jsx)(Comment_Badge,{href:"#",format:"live-archive",size:"sm",children:pronouns}),badge&&"F"!==variation&&(0,jsx_runtime.jsx)(Comment_Badge,{href:"#",format:badge,size:"sm",children:badge}),"B"!==variation&&(0,jsx_runtime.jsx)(Time,{children:"2 hours ago"})]}),(0,jsx_runtime.jsx)(CommentText,{variation,children})]}),(0,jsx_runtime.jsx)(ReplyButton,{children:"Reply"})]});Comment.displayName="Comment";const Time=(0,styled_components_browser_esm.ZP)(Header.h).attrs({format:"alternative",size:"4"}).withConfig({displayName:"Comment__Time",componentId:"sc-13jpfcu-0"})(["display:inline-block;"]),CommentText=(0,styled_components_browser_esm.ZP)(Paragraph.n).attrs({format:"alternative",size:"2"}).withConfig({displayName:"Comment__CommentText",componentId:"sc-13jpfcu-1"})(["width:100%;display:block;color:",";",";"],(({theme})=>"dark"===theme.name?(0,colors.se)(50):(0,colors.se)(850)),(({variation=""})=>{switch(variation){case"B":return(0,styled_components_browser_esm.iv)(["margin-top:1rem;"]);case"A":case"C":return(0,styled_components_browser_esm.iv)(["margin-top:0.25rem;"]);default:return""}})),Meta=styled_components_browser_esm.ZP.div.withConfig({displayName:"Comment__Meta",componentId:"sc-13jpfcu-2"})([""]),Name=(0,styled_components_browser_esm.ZP)(Header.h).attrs({size:"5"}).withConfig({displayName:"Comment__Name",componentId:"sc-13jpfcu-3"})(["display:inline-block;color:",";",""],(({theme})=>"dark"===theme.name?colors.ix:colors.Sn),(({variation=""})=>"C"===variation?(0,styled_components_browser_esm.iv)(["margin-right:0.25rem;"]):(0,styled_components_browser_esm.iv)(["margin-right:0.5rem;"]))),CommentWrapper=styled_components_browser_esm.ZP.article.withConfig({displayName:"Comment__CommentWrapper",componentId:"sc-13jpfcu-4"})(["display:flex;position:relative;padding-bottom:2.5rem;border-bottom:1px solid ",";margin-bottom:1.5rem;"],(0,polished_esm.m4)(colors.Sn,.1)),Comment_Badge=(0,styled_components_browser_esm.ZP)(Badge.C).withConfig({displayName:"Comment__Badge",componentId:"sc-13jpfcu-5"})(["margin-right:0.5rem;display:inline-block;"]),ReplyButton=(0,styled_components_browser_esm.ZP)(Header.h).attrs({size:"6"}).withConfig({displayName:"Comment__ReplyButton",componentId:"sc-13jpfcu-6"})(["position:absolute;right:0;bottom:0.5rem;color:",";"],(({theme})=>"dark"===theme.name?(0,colors.ae)(500):(0,colors.se)(650))),PronounsSm=(0,styled_components_browser_esm.ZP)(Header.h).attrs({size:"6"}).withConfig({displayName:"Comment__PronounsSm",componentId:"sc-13jpfcu-7"})(["margin-top:0.5rem;display:inline-block;color:",";transform:scale(0.85) translateX(-3px);"],(({theme})=>"dark"===theme.name?colors.ix:colors.Sn)),Pronouns=(0,styled_components_browser_esm.ZP)(Header.h).attrs({size:"5"}).withConfig({displayName:"Comment__Pronouns",componentId:"sc-13jpfcu-8"})(["margin-right:0.5rem;display:inline-block;color:",";"],(({theme})=>"dark"===theme.name?colors.ix:colors.Sn)),InlineTipHack=styled_components_browser_esm.ZP.span.withConfig({displayName:"Comment__InlineTipHack",componentId:"sc-13jpfcu-9"})(["> div{display:inline-block;}"]);try{Comment.displayName="Comment",Comment.__docgenInfo={description:"",displayName:"Comment",props:{href:{defaultValue:null,description:"",name:"href",required:!0,type:{name:"string"}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string | number"}},name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},pronouns:{defaultValue:null,description:"",name:"pronouns",required:!0,type:{name:"string"}},badge:{defaultValue:null,description:"",name:"badge",required:!0,type:{name:"string"}},variation:{defaultValue:{value:""},description:"",name:"variation",required:!1,type:{name:"enum",value:[{value:'"B"'},{value:'"A"'},{value:'"C"'},{value:'"D"'},{value:'"E"'},{value:'"F"'},{value:'"G"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/_labs/Pronouns/Comment.tsx#Comment"]={docgenInfo:Comment.__docgenInfo,name:"Comment",path:"src/_labs/Pronouns/Comment.tsx#Comment"})}catch(__react_docgen_typescript_loader_error){}var properties=["direction","boxSizing","width","height","overflowX","overflowY","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderStyle","paddingTop","paddingRight","paddingBottom","paddingLeft","fontStyle","fontVariant","fontWeight","fontStretch","fontSize","fontSizeAdjust","lineHeight","fontFamily","textAlign","textTransform","textIndent","textDecoration","letterSpacing","wordSpacing","tabSize","MozTabSize"],isBrowser="undefined"!=typeof window,isFirefox=isBrowser&&null!=window.mozInnerScreenX;const TextArea=({people})=>{const[value,setValue]=(0,react.useState)(""),[pronounFound,setPronounFound]=(0,react.useState)(!1),[cursorPosition,setCursorPosition]=(0,react.useState)({});return(0,jsx_runtime.jsxs)("div",{style:{position:"relative"},children:[(0,jsx_runtime.jsx)("textarea",{value,onChange:e=>{const text=e.target.value,currentWord=getCurrentWord(text);setPronounFound(!!isPronoun(currentWord)),setCursorPosition(function getCoord(element,position,options){if(!isBrowser)throw new Error("textarea-caret-position#getCaretCoordinates should only be called in a browser");var debug=options&&options.debug||!1;if(debug){var el=document.querySelector("#input-textarea-caret-position-mirror-div");el&&el.parentNode.removeChild(el)}var div=document.createElement("div");div.id="input-textarea-caret-position-mirror-div",document.body.appendChild(div);var style=div.style,computed=window.getComputedStyle?window.getComputedStyle(element):element.currentStyle,isInput="INPUT"===element.nodeName;style.whiteSpace="pre-wrap",isInput||(style.wordWrap="break-word"),style.position="absolute",debug||(style.visibility="hidden"),properties.forEach((function(prop){if(isInput&&"lineHeight"===prop)if("border-box"===computed.boxSizing){var height=parseInt(computed.height),outerHeight=parseInt(computed.paddingTop)+parseInt(computed.paddingBottom)+parseInt(computed.borderTopWidth)+parseInt(computed.borderBottomWidth),targetHeight=outerHeight+parseInt(computed.lineHeight);style.lineHeight=height>targetHeight?height-outerHeight+"px":height===targetHeight?computed.lineHeight:0}else style.lineHeight=computed.height;else style[prop]=computed[prop]})),isFirefox?element.scrollHeight>parseInt(computed.height)&&(style.overflowY="scroll"):style.overflow="hidden",div.textContent=element.value.substring(0,position),isInput&&(div.textContent=div.textContent.replace(/\s/g," "));var span=document.createElement("span");span.textContent=element.value.substring(position)||".",div.appendChild(span);var coordinates={top:span.offsetTop+parseInt(computed.borderTopWidth),left:span.offsetLeft+parseInt(computed.borderLeftWidth),height:parseInt(computed.lineHeight)};return debug?span.style.backgroundColor="#aaa":document.body.removeChild(div),coordinates}(e.target,e.target.selectionEnd)),setValue(e.target.value)},style:{width:"100%",minHeight:"5rem",fontSize:"1rem"}}),(0,jsx_runtime.jsx)(UserComplete,{active:!!pronounFound,cursorPosition,people,value,setValue,setPronounFound})]})};TextArea.displayName="TextArea";const UserComplete=({active,cursorPosition,people,value,setValue,setPronounFound})=>active&&(0,jsx_runtime.jsx)(UserCompleteWrapper,{cursorPosition,children:people.map(((person,i)=>(0,jsx_runtime.jsxs)(User,{onClick:e=>{setValue(selectPronoun(value,person.pronounKey)),setPronounFound(!1)},children:[(0,jsx_runtime.jsx)(Avatar.q,{alt:"name",src:`https://i.vimeocdn.com/portrait/${person.id}_75x75`,srcSet:`https://i.vimeocdn.com/portrait/${person.id}_150x150 2x`,style:{width:"2rem",marginRight:"0.5rem"}}),(0,jsx_runtime.jsx)("span",{children:person.name}),(0,jsx_runtime.jsx)("span",{style:{fontWeight:700},children:person.pronouns})]},i)))}),User=styled_components_browser_esm.ZP.div.withConfig({displayName:"AutoComplete__User",componentId:"sc-1dmse0o-0"})(["padding:0.5rem 1rem;border-bottom:1px solid ",";line-height:2rem;font-size:1rem;display:flex;> span{margin-left:0.5rem;}&:hover{background:",";}"],(0,polished_esm.m4)(colors.Sn,.2),(0,polished_esm.m4)((0,colors.iN)(500),.334)),UCWKeyframes=(0,styled_components_browser_esm.F4)(["0%{transform:translate(4px,24px);}66%{transform:translate(-2px,24px);}100%{transform:translate(0,24px);}"]),UCWAnimation=(0,styled_components_browser_esm.iv)(["animation:"," 300ms both ease-in-out;"],UCWKeyframes),UserCompleteWrapper=styled_components_browser_esm.ZP.div.withConfig({displayName:"AutoComplete__UserCompleteWrapper",componentId:"sc-1dmse0o-1"})(["position:absolute;top:","px;left:","px;padding:0rem;border-radius:0.125rem;border:1px solid ",");background:",";box-shadow:rgba(0,0,0,0.15) 0px 10px 10px -8px,rgba(0,0,0,0.3) 0px 0px 4px -1px;",";transform-origin:0 0;cursor:pointer;"],(props=>props.cursorPosition.top),(props=>props.cursorPosition.left),(0,polished_esm.m4)(colors.Sn,.2),(0,polished_esm.m4)(colors.ix,.9),UCWAnimation),isPronoun=string=>pronouns.includes(string.toLowerCase()),pronouns=["they","them","their","theirs","she","her","hers","he","him","his"],getCurrentWord=string=>{const textArray=string.match(/\w+|\s+|[^\s\w]+/g);return textArray?textArray[textArray.length-1]:""},selectPronoun=(text,pronoun)=>{const textArray=text.match(/\w+|\s+|[^\s\w]+/g),last=textArray.length-1,currentWord=getCurrentWord(text).toLowerCase(),newPronoun=PronounMachine[pronoun][pronounCase(currentWord)];return textArray.slice(0,last).concat(newPronoun).join("")},pronounCase=string=>{switch(string){case"they":case"she":case"he":return"subject";case"them":case"her":case"him":return"object";case"their":case"her":case"his":return"possessiveA";case"theirs":return"possessiveP";default:return console.warn("pronoun error"),""}},PronounMachine={they:{subject:"they",object:"them",possessiveA:"their",possessiveP:"theirs",reflexive:"themself"},she:{subject:"she",object:"her",possessiveA:"her",possessiveP:"hers",reflexive:"herself"},he:{subject:"he",object:"him",possessiveA:"his",possessiveP:"his",reflexive:"himself"}};try{TextArea.displayName="TextArea",TextArea.__docgenInfo={description:"",displayName:"TextArea",props:{people:{defaultValue:null,description:"",name:"people",required:!0,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/_labs/Pronouns/AutoComplete.tsx#TextArea"]={docgenInfo:TextArea.__docgenInfo,name:"TextArea",path:"src/_labs/Pronouns/AutoComplete.tsx#TextArea"})}catch(__react_docgen_typescript_loader_error){}var Input=__webpack_require__("./src/components/inputs/Input/Input.tsx"),Checkbox=__webpack_require__("./src/components/inputs/Checkbox/Checkbox.tsx"),Radio=__webpack_require__("./src/components/inputs/Radio/Radio.tsx");const AccountSettings=({email="",name=""})=>{const[userName,setUserName]=(0,react.useState)(name),[userEmail,setUserEmail]=(0,react.useState)(email),[neoPronouns,setNeoPronouns]=(0,react.useState)("specify your own"),[pronouns,setPronouns]=(0,react.useState)({they:!1,she:!1,he:!1,other:!1}),[preferredPronoun,setPreferredPronoun]=(0,react.useState)(""),[displayPronouns,setDisplayPronouns]=(0,react.useState)(!1),updatePronouns=changedPronoun=>event=>setPronouns({...pronouns,[changedPronoun]:event.target.checked});return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Header.h,{size:"2",children:"Account"}),(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(SectionHeader,{children:"Name"}),(0,jsx_runtime.jsx)(Description,{children:'A lot of people use their real name, but anything you choose will probably be better than "user5582238."'}),(0,jsx_runtime.jsx)(Input.I,{id:"name",showLabel:!1,value:userName,onChange:e=>setUserName(e.target.value)})]}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(SectionHeader,{children:"Email address"}),(0,jsx_runtime.jsx)(Description,{children:"Use this to log in to your account and to receive email notifications and updates from us."}),(0,jsx_runtime.jsx)(Input.I,{id:"email",showLabel:!1,value:userEmail,onChange:e=>setUserEmail(e.target.value)})]}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(SectionHeader,{children:"Pronouns"}),(0,jsx_runtime.jsx)(Description,{children:"Help us call you by the proper pronouns."}),(0,jsx_runtime.jsxs)(PronounCheckboxes,{children:[(0,jsx_runtime.jsx)(Checkbox.X,{id:"they/them",label:"they/them",onClick:updatePronouns("they")}),(0,jsx_runtime.jsx)(Checkbox.X,{id:"she/her",label:"she/her",onClick:updatePronouns("she")}),(0,jsx_runtime.jsx)(Checkbox.X,{id:"he/him",label:"he/him",onClick:updatePronouns("he")}),(0,jsx_runtime.jsx)(Checkbox.X,{id:"other",label:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsx)("input",{type:"text",id:"neopronouns",value:neoPronouns,onChange:e=>setNeoPronouns(e.target.value)})}),onClick:updatePronouns("other")})]}),hasAtLeast(2,pronouns)&&(0,jsx_runtime.jsxs)("div",{style:{paddingLeft:"2rem"},children:[(0,jsx_runtime.jsx)(SubHeader,{children:"However, I prefer (optional)"}),(0,jsx_runtime.jsx)(PronounCheckboxes,{children:Object.keys(pronouns).filter((pronoun=>pronouns[pronoun])).map((p=>(0,jsx_runtime.jsx)(Radio.Y,{id:`radio-${p}`,label:p,checked:preferredPronoun===p,onClick:()=>setPreferredPronoun(preferredPronoun===p?"":p),readOnly:!0},p)))})]}),hasAtLeast(1,pronouns)&&(0,jsx_runtime.jsxs)("div",{style:{paddingLeft:"2rem"},children:[(0,jsx_runtime.jsx)(SubHeader,{children:"Display my pronouns throughout Vimeo"}),(0,jsx_runtime.jsxs)(PronounCheckboxes,{children:[(0,jsx_runtime.jsx)(Radio.Y,{id:"displayPronouns",label:"display",checked:displayPronouns,onClick:()=>setDisplayPronouns((display=>!display)),readOnly:!0}),(0,jsx_runtime.jsx)(Radio.Y,{id:"hidePronouns",label:"hide",checked:!displayPronouns,onClick:()=>setDisplayPronouns((display=>!display)),readOnly:!0})]})]})]}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)(Header.h,{size:"2",children:"Summary"}),(0,jsx_runtime.jsx)(Summary,{email:userEmail,name:userName,pronouns,neoPronouns,preferredPronoun})]})},Summary=({email,name,pronouns,neoPronouns,preferredPronoun})=>{const nameText=name.length>1&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["My name is ",(0,jsx_runtime.jsx)("em",{children:name}),"."]}),preferredText=hasAtLeast(1,pronouns)&&preferredPronoun&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[" ","but I prefer ",(0,jsx_runtime.jsx)("em",{children:preferredPronoun}),"."]}),emailText=email.length>3&&email.includes("@")&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[" ","My email is ",(0,jsx_runtime.jsx)("em",{children:email}),"."]}),pronounArray=Object.keys(pronouns).filter((p=>pronouns[p])).map((p=>duo[p])),pronounText=hasAtLeast(1,pronouns)&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[hasAtLeast(3,pronouns)?(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[" ","My pronouns are"," ",(0,jsx_runtime.jsx)("em",{children:[...pronounArray.splice(0,pronounArray.length-1),`and ${pronounArray.slice(-1)}`].map((p=>"he/him"!==p&&"she/her"!==p&&"they/them"!==p?neoPronouns:p)).join(", ")})]}):hasAtLeast(2,pronouns)?(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[" ","My pronouns are"," ",(0,jsx_runtime.jsx)("em",{children:pronounArray.map((p=>"he/him"!==p&&"she/her"!==p&&"they/them"!==p?neoPronouns:p)).join(" and ")})]}):hasAtLeast(1,pronouns)&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[" ","My pronouns are"," ",(0,jsx_runtime.jsx)("em",{children:pronounArray.map((p=>"he/him"!==p&&"she/her"!==p&&"they/them"!==p?neoPronouns:p))})]}),hasAtLeast(1,pronouns)&&preferredPronoun?",":"."]});return(0,jsx_runtime.jsx)(SummaryWrap,{children:(0,jsx_runtime.jsxs)(Header.h,{size:"4",children:[nameText,pronounText,preferredText,emailText]})})};Summary.displayName="Summary";const SummaryWrap=styled_components_browser_esm.ZP.div.withConfig({displayName:"AccountSettings__SummaryWrap",componentId:"sc-1gzr3oq-0"})(["background:",";border-radius:0.25rem;padding:1rem;line-height:1.5 !important;> *{line-height:1.5 !important;}em{font-style:normal;border-bottom:2px solid ",";}"],(0,colors.ae)(50),(0,polished_esm.m4)(colors.Sn,.5)),SubHeader=(0,styled_components_browser_esm.ZP)(Paragraph.n).attrs({size:"2"}).withConfig({displayName:"AccountSettings__SubHeader",componentId:"sc-1gzr3oq-1"})(["margin:0.5rem 0;"]),SectionHeader=(0,styled_components_browser_esm.ZP)(Header.h).attrs({size:"5"}).withConfig({displayName:"AccountSettings__SectionHeader",componentId:"sc-1gzr3oq-2"})(["margin-bottom:0.25rem;"]),Description=(0,styled_components_browser_esm.ZP)(Paragraph.n).attrs({size:"2"}).withConfig({displayName:"AccountSettings__Description",componentId:"sc-1gzr3oq-3"})(["color:",";"],(0,polished_esm.m4)((0,colors.se)(500),.8)),PronounCheckboxes=styled_components_browser_esm.ZP.div.withConfig({displayName:"AccountSettings__PronounCheckboxes",componentId:"sc-1gzr3oq-4"})(["> div{display:inline-block;margin:0 1rem 1rem 0;width:auto;}"]),hasAtLeast=(x,pronouns)=>Object.keys(pronouns).filter((p=>pronouns[p])).length>x-1,duo={they:"they/them",she:"she/her",he:"he/him",other:"other"};try{AccountSettings.displayName="AccountSettings",AccountSettings.__docgenInfo={description:"",displayName:"AccountSettings",props:{email:{defaultValue:{value:""},description:"",name:"email",required:!1,type:{name:"string"}},name:{defaultValue:{value:""},description:"",name:"name",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/_labs/Pronouns/AccountSettings.tsx#AccountSettings"]={docgenInfo:AccountSettings.__docgenInfo,name:"AccountSettings",path:"src/_labs/Pronouns/AccountSettings.tsx#AccountSettings"})}catch(__react_docgen_typescript_loader_error){}const UserInfo=({badge="staff",id,name})=>(0,jsx_runtime.jsxs)(Wrapper,{children:[(0,jsx_runtime.jsx)(Avatar.q,{alt:"name",src:`https://i.vimeocdn.com/portrait/${id}_75x75`,srcSet:`https://i.vimeocdn.com/portrait/${id}_150x150 2x`,style:{width:"3rem",marginRight:"1rem"}}),(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsxs)(UserInfoSettings_Name,{children:[(0,jsx_runtime.jsx)("span",{children:name}),(0,jsx_runtime.jsx)(Badge.C,{href:"#",format:"live-archive",size:"sm",children:"she/her"}),(0,jsx_runtime.jsx)(Badge.C,{href:"#",format:badge,size:"sm",children:badge})]}),(0,jsx_runtime.jsx)(Data,{children:"Joined: Jun 19, 2008"}),(0,jsx_runtime.jsx)(Data,{children:"User ID: 548723"}),(0,jsx_runtime.jsx)(Data,{children:"Membership: Plus"})]})]});UserInfo.displayName="UserInfo";const Wrapper=styled_components_browser_esm.ZP.div.withConfig({displayName:"UserInfoSettings__Wrapper",componentId:"sc-fzsm7h-0"})(["display:flex;"]),UserInfoSettings_Name=(0,styled_components_browser_esm.ZP)(Header.h).attrs({size:"5"}).withConfig({displayName:"UserInfoSettings__Name",componentId:"sc-fzsm7h-1"})(["margin:0 0 0.2rem 0;display:flex;align-items:center;> *{margin-right:0.5rem;}"]),Data=(0,styled_components_browser_esm.ZP)(Paragraph.n).attrs({size:"3"}).withConfig({displayName:"UserInfoSettings__Data",componentId:"sc-fzsm7h-2"})(["margin:0 0 0.1rem 0;color:",";"],(0,polished_esm.m4)((0,colors.se)(500),.667));try{UserInfo.displayName="UserInfo",UserInfo.__docgenInfo={description:"",displayName:"UserInfo",props:{badge:{defaultValue:{value:"staff"},description:"",name:"badge",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"any"}},name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/_labs/Pronouns/UserInfoSettings.tsx#UserInfo"]={docgenInfo:UserInfo.__docgenInfo,name:"UserInfo",path:"src/_labs/Pronouns/UserInfoSettings.tsx#UserInfo"})}catch(__react_docgen_typescript_loader_error){}var Toggle=__webpack_require__("./src/components/inputs/Toggle/Toggle.tsx");const AutoplayList=({videos,variation})=>(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Header.h,{size:"3",children:"More from Vimeo Staff Picks"}),(0,jsx_runtime.jsxs)(HeaderWrap,{children:[(0,jsx_runtime.jsx)(Toggle.Z,{id:"1",label:"",value:"true",defaultChecked:!0}),(0,jsx_runtime.jsx)(Header.h,{size:"6",children:"Autoplay next video"})]}),(0,jsx_runtime.jsx)("div",{children:videos.map(((video,i)=>(0,jsx_runtime.jsxs)(Video,{children:[(0,jsx_runtime.jsx)("img",{src:`https://i.vimeocdn.com/video/${video.src}`}),(0,jsx_runtime.jsxs)("div",{style:{paddingTop:"0.9rem"},children:[(0,jsx_runtime.jsx)(Title,{size:"5",children:video.title}),(0,jsx_runtime.jsxs)(Author,{size:"6",children:[video.author," ","A"===variation&&video.pronouns&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["(",video.pronouns,")"]}),"B"===variation&&video.pronouns&&(0,jsx_runtime.jsx)("div",{style:{transform:"translateY(-1px)"},children:(0,jsx_runtime.jsx)(Badge.C,{href:"#",format:"live-archive",size:"sm",children:video.pronouns})})]})]})]},i)))})]}),HeaderWrap=styled_components_browser_esm.ZP.div.withConfig({displayName:"AutoplayList__HeaderWrap",componentId:"sc-13nl5vw-0"})(["display:flex;margin-bottom:0.5rem;"]),Video=styled_components_browser_esm.ZP.div.withConfig({displayName:"AutoplayList__Video",componentId:"sc-13nl5vw-1"})(["display:flex;margin:1rem 0;&:nth-child(1){img{border:0.3rem solid ",";}}img{width:8rem;align-self:center;margin-right:1rem;}"],(0,colors.iN)(400)),Title=(0,styled_components_browser_esm.ZP)(Header.h).withConfig({displayName:"AutoplayList__Title",componentId:"sc-13nl5vw-2"})(["max-width:13rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]),Author=(0,styled_components_browser_esm.ZP)(Header.h).withConfig({displayName:"AutoplayList__Author",componentId:"sc-13nl5vw-3"})(["display:flex;color:",";max-width:13rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;> *{align-self:end;margin-left:0.5rem;}"],(0,colors.ae)(500));try{AutoplayList.displayName="AutoplayList",AutoplayList.__docgenInfo={description:"",displayName:"AutoplayList",props:{videos:{defaultValue:null,description:"",name:"videos",required:!0,type:{name:"any"}},variation:{defaultValue:null,description:"",name:"variation",required:!0,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/_labs/Pronouns/AutoplayList.tsx#AutoplayList"]={docgenInfo:AutoplayList.__docgenInfo,name:"AutoplayList",path:"src/_labs/Pronouns/AutoplayList.tsx#AutoplayList"})}catch(__react_docgen_typescript_loader_error){}const Pronouns_story={title:"labs/Pronouns",parameters:{lostpixel:{disable:!0}}},componentName="Comment";function Comments({args}){return(0,jsx_runtime.jsx)(Story.o,{title:componentName,children:demoProps.map(((comment,i)=>(0,react.createElement)(Comment,{...args,key:i,name:comment.name,id:comment.id,pronouns:comment.pronouns,href:comment.href,badge:comment.badge,variation:"A"},comment.children)))})}function GeneralSettings({args}){return(0,jsx_runtime.jsx)(Story.o,{title:"Settings",...args,children:(0,jsx_runtime.jsx)(AccountSettings,{})})}function UserSettings({args}){return(0,jsx_runtime.jsx)(Story.o,{title:"Settings",...args,children:(0,jsx_runtime.jsx)(UserInfo,{name:"Sean McIntyre",badge:"staff",id:"26000555"})})}function AutoComplete({args}){return(0,jsx_runtime.jsxs)(Story.o,{title:"AutoComplete",...args,children:[demoProps.filter((user=>!user.name.includes("Vim"))).map((comment=>(0,jsx_runtime.jsx)(Comment,{name:comment.name,id:comment.id,pronouns:comment.pronouns,href:comment.href,badge:comment.badge,variation:"A",children:comment.children},comment.id))),(0,jsx_runtime.jsx)(Header.h,{size:"4",children:"Add a new comment"}),(0,jsx_runtime.jsx)(TextArea,{people:demoProps.filter((user=>!user.name.includes("Vim")))})]})}function VideoList({args}){return(0,jsx_runtime.jsx)(Story.o,{title:"Video List",...args,children:(0,jsx_runtime.jsx)(AutoplayList,{videos:staffPicks,variation:"A"})})}Comments.displayName="Comments",GeneralSettings.displayName="GeneralSettings",UserSettings.displayName="UserSettings",AutoComplete.displayName="AutoComplete",VideoList.displayName="VideoList";const staffPicks=[{title:"Field of Vision - Libre",author:"Field of Vision",src:"766327855_260x146.jpg"},{title:"Beast Make Bomb - Rough it Out",author:"Sean McIntyre",pronouns:"she/her",src:"118740015_1560x878.jpg"},{title:"MTL PINBALL",author:"Barth Coelho",src:"766125136_260x146.jpg"},{title:"No Le Digan - Carlos Medina (Official Music Video)",author:"Meow Wolf",src:"765783081_260x146.jpg"}],demoProps=[{name:"Sean McIntyre",id:"26000555",pronouns:"she/her",pronounKey:"she",href:"https://vimeo.com/seanmcintyre",badge:"staff",children:"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iusto ad provident, asperiores debitis explicabo consectetur impedit accusantium similique fugiat adipisci."},{name:"Vimonius Usarius",id:"defaults-blue",pronouns:"he/him",pronounKey:"he",href:"https://vimeo.com/seanmcintyre",children:"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iusto ad provident, asperiores debitis explicabo consectetur impedit accusantium similique fugiat adipisci."},{name:"Casey Pugh",id:"23588327",pronouns:"he/him",pronounKey:"he",href:"https://vimeo.com/casey",badge:"staff",children:"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iusto ad provident, asperiores debitis explicabo consectetur impedit accusantium similique fugiat adipisci."},{name:"Hunter Schneider",id:"18255517",pronouns:"they/them",pronounKey:"they",href:"https://vimeo.com/hunterschneider",badge:"staff",children:"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iusto ad provident, asperiores debitis explicabo consectetur impedit accusantium similique fugiat adipisci."},{name:"Vimonia Usaria",id:"defaults-blue",pronouns:"she/her",pronounKey:"she",href:"https://vimeo.com/seanmcintyre",badge:"plus",children:"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iusto ad provident, asperiores debitis explicabo consectetur impedit accusantium similique fugiat adipisci."},{name:"Vimonium Usarium",id:"defaults-blue",pronouns:"they/them",pronounKey:"they",href:"https://vimeo.com/seanmcintyre",badge:"pro",children:"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iusto ad provident, asperiores debitis explicabo consectetur impedit accusantium similique fugiat adipisci."}];Comments.parameters={...Comments.parameters,docs:{...Comments.parameters?.docs,source:{originalSource:"function Comments({\n args\n}) {\n return \n {demoProps.map((comment, i) => \n {comment.children}\n )}\n ;\n}",...Comments.parameters?.docs?.source}}},GeneralSettings.parameters={...GeneralSettings.parameters,docs:{...GeneralSettings.parameters?.docs,source:{originalSource:'function GeneralSettings({\n args\n}) {\n return \n \n ;\n}',...GeneralSettings.parameters?.docs?.source}}},UserSettings.parameters={...UserSettings.parameters,docs:{...UserSettings.parameters?.docs,source:{originalSource:'function UserSettings({\n args\n}) {\n return \n \n ;\n}',...UserSettings.parameters?.docs?.source}}},AutoComplete.parameters={...AutoComplete.parameters,docs:{...AutoComplete.parameters?.docs,source:{originalSource:"function AutoComplete({\n args\n}) {\n return \n {demoProps.filter(user => !user.name.includes('Vim')).map(comment => \n {comment.children}\n )}\n
Add a new comment
\n