npm - hypothesis - Versions diffs - 1.1006.0 → 1.1007.0 - Mend

hypothesis 1.1006.0 → 1.1007.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/build/boot.js +1 -1
package/build/manifest.json +11 -11
package/build/scripts/annotator.bundle.js +1 -1
package/build/scripts/sidebar.bundle.js +138 -136
package/build/scripts/sidebar.bundle.js.map +1 -1
package/build/scripts/ui-playground.bundle.js +125 -126
package/build/scripts/ui-playground.bundle.js.map +1 -1
package/build/styles/annotator.css +41 -12
package/build/styles/annotator.css.map +1 -1
package/build/styles/sidebar.css +36 -13
package/build/styles/sidebar.css.map +1 -1
package/build/styles/ui-playground.css +41 -12
package/build/styles/ui-playground.css.map +1 -1
package/package.json +1 -1

package/build/scripts/ui-playground.bundle.js CHANGED Viewed

@@ -33,7 +33,7 @@ children:e},void 0,!1,{fileName:ui,lineNumber:68,columnNumber:7})]},void 0,!0,{f
 ;var bi="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/ColorFoundations.js";function fi({colorClass:e,colorName:i}){return oe("div",{children:[oe("div",{className:j(e,"w-64 h-8 mr-4")},void 0,!1,{fileName:bi,lineNumber:7,columnNumber:7}),oe("p",{children:oe("i",{children:i},void 0,!1,{fileName:bi,lineNumber:9,columnNumber:9})},void 0,!1,{fileName:bi,lineNumber:8,columnNumber:7})]},void 0,!0,{fileName:bi,lineNumber:6,columnNumber:5})}const vi=oe(s,{children:[oe(fi,{colorClass:"bg-brand",colorName:"brand"},void 0,!1,{fileName:bi,lineNumber:17,columnNumber:5}),oe(fi,{colorClass:"bg-brand-dark",colorName:"brand-dark"},void 0,!1,{fileName:bi,lineNumber:18,columnNumber:5})]},void 0,!0),pi=oe(s,{children:[oe(fi,{colorClass:"bg-white",colorName:"white"},void 0,!1,{fileName:bi,lineNumber:24,columnNumber:5}),oe(fi,{colorClass:"bg-grey-0",colorName:"grey-0"},void 0,!1,{fileName:bi,lineNumber:25,columnNumber:5}),oe(fi,{colorClass:"bg-grey-1",colorName:"grey-1"},void 0,!1,{
 fileName:bi,lineNumber:26,columnNumber:5}),oe(fi,{colorClass:"bg-grey-2",colorName:"grey-2"},void 0,!1,{fileName:bi,lineNumber:27,columnNumber:5}),oe(fi,{colorClass:"bg-grey-3",colorName:"grey-3"},void 0,!1,{fileName:bi,lineNumber:28,columnNumber:5}),oe(fi,{colorClass:"bg-grey-4",colorName:"grey-4"},void 0,!1,{fileName:bi,lineNumber:29,columnNumber:5}),oe(fi,{colorClass:"bg-grey-5",colorName:"grey-5"},void 0,!1,{fileName:bi,lineNumber:30,columnNumber:5}),oe(fi,{colorClass:"bg-grey-6",colorName:"grey-6"},void 0,!1,{fileName:bi,lineNumber:31,columnNumber:5}),oe(fi,{colorClass:"bg-grey-7",colorName:"grey-7"},void 0,!1,{fileName:bi,lineNumber:32,columnNumber:5}),oe(fi,{colorClass:"bg-grey-8",colorName:"grey-8"},void 0,!1,{fileName:bi,lineNumber:33,columnNumber:5}),oe(fi,{colorClass:"bg-grey-9",colorName:"grey-9"},void 0,!1,{fileName:bi,lineNumber:34,columnNumber:5}),oe(fi,{colorClass:"bg-black",colorName:"black"},void 0,!1,{fileName:bi,lineNumber:35,columnNumber:5})]},void 0,!0),gi=oe(s,{children:[oe(fi,{
 colorClass:"bg-green-success",colorName:"green-success"},void 0,!1,{fileName:bi,lineNumber:41,columnNumber:5}),oe(fi,{colorClass:"bg-yellow-notice",colorName:"yellow-notice"},void 0,!1,{fileName:bi,lineNumber:42,columnNumber:5}),oe(fi,{colorClass:"bg-red-error",colorName:"red-error"},void 0,!1,{fileName:bi,lineNumber:43,columnNumber:5})]},void 0,!0)
-;var Li='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 4l4 4-4 4"></path></g></svg>',Ci='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 10l4-4 4 4"></path></g></svg>',wi='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="currentColor" stroke="none" d="M7.985 0c2.238 0 4.143.781 5.715 2.343a7.694 7.694 0 011.714 2.579C15.804 5.888 16 6.914 16 8a8.164 8.164 0 01-.579 3.078 7.344 7.344 0 01-1.707 2.536 8.222 8.222 0 01-2.657 1.772c-.99.41-2.014.614-3.071.614a7.775 7.775 0 01-3.036-.607 8.047 8.047 0 01-2.6-1.757A7.846 7.846 0 010 8c0-1.057.202-2.074.607-3.05A8.033 8.033 0 012.371 2.33C3.895.777 5.766 0 7.985 0zm.03 1.443c-1.83 0-3.367.638-4.615 1.914a6.878 6.878 0 00-1.45 2.15A6.301 6.301 0 001.443 8c0 .858.168 1.684.507 2.479a6.627 6.627 0 001.45 2.129 6.593 6.593 0 002.129 1.428c.79.329 1.619.493 2.485.493.857 0 1.688-.166 2.494-.5a6.91 6.91 0 002.178-1.442c1.247-1.22 1.871-2.748 1.871-4.586a6.57 6.57 0 00-.486-2.515 6.397 6.397 0 00-1.413-2.114C11.37 2.086 9.824 1.443 8.014 1.443zm-.1 5.229l-1.073.557c-.114-.238-.254-.405-.42-.5a.95.95 0 00-.465-.143c-.714 0-1.072.472-1.072 1.415 0 .428.09.77.271 1.028.181.257.448.386.8.386.467 0 .796-.229.987-.686l.985.5a2.35 2.35 0 01-2.1 1.257c-.714 0-1.29-.218-1.729-.657-.438-.438-.657-1.047-.657-1.828 0-.762.222-1.367.665-1.814.442-.448 1.002-.672 1.678-.672.991 0 1.7.385 2.13 1.157zm4.613 0l-1.057.557c-.114-.238-.255-.405-.421-.5a.972.972 0 00-.479-.143c-.714 0-1.072.472-1.072 1.415 0 .428.091.77.272 1.028.18.257.447.386.8.386.466 0 .795-.229.985-.686l1 .5c-.218.39-.514.698-.885.922a2.308 2.308 0 01-1.214.335c-.724 0-1.302-.218-1.735-.657-.434-.438-.65-1.047-.65-1.828 0-.762.22-1.367.664-1.814.442-.448 1.002-.672 1.678-.672.99 0 1.696.385 2.114 1.157z"></path></g></svg>',yi='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="currentColor" stroke="none" d="M7.983 0c2.238 0 4.148.78 5.72 2.342a7.662 7.662 0 011.715 2.582c.39.962.582 1.99.582 3.076a8.13 8.13 0 01-.583 3.087 7.262 7.262 0 01-1.703 2.526 8.213 8.213 0 01-2.655 1.77c-.99.41-2.018.617-3.076.617a7.902 7.902 0 01-3.042-.6 8.301 8.301 0 01-2.6-1.759A8.087 8.087 0 01.6 11.042 7.84 7.84 0 010 8c0-1.057.2-2.07.6-3.042a8.12 8.12 0 011.77-2.633C3.893.772 5.764 0 7.983 0zm.034 1.44c-1.829 0-3.369.64-4.616 1.915a6.962 6.962 0 00-1.457 2.157 6.388 6.388 0 000 4.969 6.83 6.83 0 003.585 3.558c.79.324 1.62.487 2.488.487.857 0 1.681-.165 2.482-.498a6.88 6.88 0 002.184-1.446C13.931 11.364 14.56 9.838 14.56 8a6.57 6.57 0 00-.487-2.515 6.418 6.418 0 00-1.418-2.118C11.37 2.081 9.826 1.44 8.017 1.44zM8 3.395c2.641 0 3.305 2.492 3.305 4.605 0 2.113-.664 4.605-3.305 4.605S4.694 10.113 4.694 8l.007-.355c.073-2.027.804-4.25 3.299-4.25zm1.316 3.227L7.35 10.017c-.274.412-.083.645.219.774l.135.044c.091.022.19.034.297.034 1.357 0 1.422-1.938 1.422-2.869l-.007-.409a7.282 7.282 0 00-.06-.72l-.04-.25zM8 5.132c-1.258 0-1.406 1.66-1.421 2.646L6.577 8c0 .24.005.544.035.865l.027.244 1.759-3.232c.182-.316.09-.542-.101-.706A1.222 1.222 0 008 5.13z"></path></g></svg>',_i='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 15H1V5h3m11-4v10H7V1h8z"></path></g></svg>',xi='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="currentColor" stroke="none" d="M13.392 16c.158 0 .299-.036.423-.108.123-.073.185-.155.185-.248v-1.778c0-.099-.062-.183-.185-.252a.848.848 0 00-.423-.104H6.85c-.138 0-.227-.028-.267-.083-.04-.055-.04-.105 0-.152l5.533-5.101c.158-.14.223-.265.193-.378a.755.755 0 00-.193-.325L6.88 2.707c-.04-.046-.042-.094-.007-.143.034-.05.13-.074.289-.074h6.17a.782.782 0 00.416-.108c.119-.073.178-.155.178-.248V.356c0-.093-.06-.175-.178-.248A.782.782 0 0013.333 0H2.905c-.158 0-.3.036-.423.108-.124.073-.185.155-.185.248v1.943c0 .128.037.236.11.326l.171.204 5.31 4.815c.04.047.065.106.075.178a.221.221 0 01-.074.195l-5.622 5.154c-.04.047-.094.113-.163.2A.512.512 0 002 13.7v1.943c0 .093.062.175.185.248a.822.822 0 00.423.108h10.784z"></path></g></svg>',ki='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="currentColor" stroke="none" d="M2.701 14c.38 0 .659-.085.837-.255.177-.17.328-.343.45-.52l2.408-3.25c.246-.328.445-.725.598-1.19a4.69 4.69 0 00.23-1.475V2.775a.752.752 0 00-.23-.539A.713.713 0 006.47 2H1.947a.713.713 0 00-.524.236.752.752 0 00-.23.539v4.649c0 .214.077.396.23.548a.726.726 0 00.524.226h.901c.123 0 .23.054.322.161.092.107.101.224.028.35l-2.041 3.817c-.196.365-.208.702-.037 1.011.172.309.447.463.827.463h.754zm7.795 0c.367 0 .64-.085.818-.255.178-.17.328-.343.45-.52l2.409-3.25c.257-.328.46-.725.606-1.19A4.87 4.87 0 0015 7.31V2.775a.752.752 0 00-.23-.539.713.713 0 00-.524-.236H9.742a.703.703 0 00-.533.236.767.767 0 00-.22.539v4.649c0 .214.076.396.23.548a.726.726 0 00.523.226h.9c.123 0 .228.054.313.161.086.107.092.224.019.35L8.95 12.526c-.208.365-.223.702-.045 1.011.177.309.456.463.836.463h.754z"></path></g></svg>',Mi='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="currentColor" stroke="none" d="M8.661 16c.805 0 1.536-.117 2.193-.351a4.953 4.953 0 001.69-.993c.47-.428.831-.947 1.081-1.557s.375-1.287.375-2.03c0-.29-.038-.588-.114-.893a4.123 4.123 0 00-.325-.87 3.937 3.937 0 00-.495-.754 4.412 4.412 0 00-.604-.597c-.17-.126-.17-.264 0-.412.381-.335.699-.772.953-1.311.254-.54.382-1.062.382-1.568 0-.64-.132-1.244-.394-1.813a4.628 4.628 0 00-1.081-1.484c-.458-.42-1-.753-1.627-.999A5.531 5.531 0 008.66 0h-6.14a.534.534 0 00-.362.14A.415.415 0 002 .456v15.086c0 .119.053.225.159.318.106.093.227.139.362.139h6.14zm-.127-9.852H5.826c-.17 0-.254-.075-.254-.223V3.437c0-.157.085-.235.254-.235h2.708c.45 0 .847.145 1.195.435.347.29.521.633.521 1.027 0 .394-.174.74-.521 1.038a1.784 1.784 0 01-1.195.446zm0 6.65H5.826c-.17 0-.254-.075-.254-.223v-2.99c0-.157.085-.235.254-.235h2.708c.56 0 1.004.177 1.335.53.33.353.495.75.495 1.188 0 .454-.165.856-.495 1.205-.33.35-.776.525-1.335.525z"></path></g></svg>',Si='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="currentColor" stroke="none" d="M10.61 16c.12 0 .23-.046.329-.14a.633.633 0 00.191-.317l.457-2.176a.348.348 0 00-.064-.313.336.336 0 00-.276-.133H8.845c-.142-.008-.198-.086-.17-.235l1.892-9.372c.035-.149.124-.223.266-.223H13a.49.49 0 00.335-.14.62.62 0 00.196-.318L13.99.457a.542.542 0 00.011-.1.337.337 0 00-.085-.223.336.336 0 00-.276-.134H5.805a.49.49 0 00-.335.14.62.62 0 00-.196.317l-.457 2.176a.353.353 0 00.069.318c.074.093.168.14.281.14h2.18c.141 0 .198.074.17.223l-1.893 9.372c-.028.156-.113.235-.255.235H2.967a.489.489 0 00-.324.133.59.59 0 00-.197.313l-.435 2.176a.542.542 0 00-.011.1c0 .082.025.156.074.223.071.09.16.134.266.134h8.27z"></path></g></svg>',Bi='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 3v10h14V3H1zm0 0l7 6 7-6H1z"></path></g></svg>',Ti='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 3h6v6m-1-5l-9 9 9-9z"></path></g></svg>',Zi='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 9v6V1h12l-4 4 4 4H3z"></path></g></svg>',zi='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="currentColor" stroke="none" d="M2 1a1 1 0 01.883-.993L3 0h12c.852 0 1.297.986.783 1.623l-.076.084L12.415 5l3.292 3.293c.575.575.253 1.523-.485 1.684l-.108.017L15 10H4v5a1 1 0 01-1.993.117L2 15V1z"></path></g></svg>',Hi='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">\n  <path fill="currentColor" fill-rule="nonzero" d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zm2.655 11.535c.244-.242.442-.719.442-1.063a1.13 1.13 0 0 0-.288-.696l-.442-.442a1.033 1.033 0 0 0-.73-.302H7.484C7.181 8.88 6.791 8 6.452 8c-.34 0-.674-.08-.978-.231l-.357-.179a.386.386 0 0 1-.213-.345c0-.153.118-.317.263-.366l1.006-.335a.618.618 0 0 1 .163-.026c.106 0 .258.056.338.126l.3.26c.046.04.106.063.169.063h.182a.258.258 0 0 0 .23-.373l-.503-1.006a.306.306 0 0 1-.027-.116c0-.06.035-.143.078-.185l.32-.31a.258.258 0 0 1 .18-.074h.29c.06 0 .141-.034.183-.076l.258-.258c.1-.1.1-.264 0-.364l-.151-.152c-.101-.1-.101-.264 0-.365l.333-.333.151-.151a.516.516 0 0 0 0-.73l-.912-.913a6.45 6.45 0 0 0-.787.078v.365a.516.516 0 0 1-.747.461l-.775-.387a6.487 6.487 0 0 0-3.329 3.287c.32.474.813 1.205 1.116 1.65.138.203.4.503.582.668l.026.023c.308.278.65.516 1.021.702.452.227 1.111.586 1.575.842.328.182.53.527.53.903v1.032c0 .274.11.537.303.73.484.484.785 1.246.73 1.653v.884c.473 0 .932-.055 1.376-.152l.56-1.511c.067-.177.106-.362.155-.544a.771.771 0 0 1 .199-.346l.365-.364zm2.797-2.946l.94.235c.036-.27.06-.544.06-.824a6.4 6.4 0 0 0-.688-2.882l-.419.21a.773.773 0 0 0-.298.263l-.632.947a.908.908 0 0 0-.13.43c0 .13.058.321.13.43l.58.87c.107.16.27.274.457.32z"/>\n</svg>',Ai='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 15a3 3 0 0 1 6 0m2-4a3 3 0 0 1 6 0M4 9a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm8-4a2 2 0 1 1 0-4 2 2 0 0 1 0 4z"></path></g></svg>',Pi='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 15a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM4 4.5C4 2.567 5.79 1 8 1s4 1.567 4 3.5S10.21 8 8 8m0 0v1.5V8z"></path></g></svg>',Ii='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M1.61289944,0.209704612 L1.70710678,0.292893219 L15.7071068,14.2928932 C16.0976311,14.6834175 16.0976311,15.3165825 15.7071068,15.7071068 C15.3466228,16.0675907 14.7793918,16.0953203 14.3871006,15.7902954 L14.2928932,15.7071068 L0.292893219,1.70710678 C-0.0976310729,1.31658249 -0.0976310729,0.683417511 0.292893219,0.292893219 C0.65337718,-0.0675907428 1.22060824,-0.0953202783 1.61289944,0.209704612 Z M2.19604887,5.05494269 C2.65878442,5.35642943 2.78950241,5.97595401 2.48801567,6.43868956 C2.16488794,6.93464068 2,7.46139686 2,8 C2,10.1228856 4.62796016,12 8,12 C8.22060643,12 8.4396701,11.9919023 8.65660209,11.9758355 C9.20737829,11.9350431 9.68693944,12.3484666 9.72773191,12.8992428 C9.76852437,13.450019 9.35510087,13.9295801 8.80432467,13.9703726 C8.53822524,13.9900809 8.26988704,14 8,14 C3.64005335,14 0,11.3999619 0,8 C0,7.06308249 0.28281658,6.15958778 0.812302005,5.34690949 C1.11378875,4.88417394 1.73331332,4.75345595 2.19604887,5.05494269 Z M8,2 C12.3599467,2 16,4.6000381 16,8 C16,8.93691751 15.7171834,9.84041222 15.187698,10.6530905 C14.8862113,11.1158261 14.2666867,11.246544 13.8039511,10.9450573 C13.3412156,10.6435706 13.2104976,10.024046 13.5119843,9.56131044 C13.8351121,9.06535932 14,8.53860314 14,8 C14,5.8771144 11.3720398,4 8,4 C7.77939357,4 7.5603299,4.00809769 7.34339791,4.02416445 C6.79262171,4.06495692 6.31306056,3.65153342 6.27226809,3.10075722 C6.23147563,2.54998102 6.64489913,2.07041987 7.19567533,2.02962741 C7.46177476,2.00991913 7.73011296,2 8,2 Z"></path></svg>',Di='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15H1h11zm-.5-6v2l-1 1v-2l1-1zm.5-7v6h-2V2h2zm0-1h-2 2zm0 8h-2 2z"></path></g></svg>',ji='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 1v14H1V1h14zM1 15l3-8 4 6 3-4 4 6m-4-9a1 1 0 110-2 1 1 0 010 2z"></path></g></svg>',qi='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M8,0 C12.0522847,0 16,3.94771525 16,8 C16,12.0522847 12.0522847,16 8,16 C3.94771525,16 0,12.0522847 0,8 C0,3.94771525 3.94771525,0 8,0 Z M8,2 C5.05228475,2 2,5.05228475 2,8 C2,10.9477153 5.05228475,14 8,14 C10.9477153,14 14,10.9477153 14,8 C14,5.05228475 10.9477153,2 8,2 Z M10.7864022,6.62017694 L10.7071068,6.70710678 L9.415,8 L10.7071068,9.29289322 C11.0976311,9.68341751 11.0976311,10.3165825 10.7071068,10.7071068 C10.3466228,11.0675907 9.77939176,11.0953203 9.38710056,10.7902954 L9.29289322,10.7071068 L8,9.415 L6.70710678,10.7071068 C5.79286771,11.6213459 4.43536121,10.3192478 5.21359778,9.37982306 L5.29289322,9.29289322 L6.585,8 L5.29289322,6.70710678 C4.90236893,6.31658249 4.90236893,5.68341751 5.29289322,5.29289322 C5.65337718,4.93240926 6.22060824,4.90467972 6.61289944,5.20970461 L6.70710678,5.29289322 L8,6.585 L9.29289322,5.29289322 C10.2071323,4.37865415 11.5646388,5.68075222 10.7864022,6.62017694 Z"></path></svg>',Fi='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M9.68027557,6.09714063 C10.0850762,6.47284645 10.1086623,7.10557198 9.73295644,7.51037264 C9.35725062,7.9151733 8.72452509,7.93875933 8.31972443,7.56305351 C7.52101725,6.821753 6.4700536,6.81243414 5.66500421,7.53509692 L2.58706553,11.1273971 L2.50815798,11.2094765 C1.81384474,11.8538863 1.84803625,12.885989 2.50815798,13.4986648 C3.17004601,14.1129799 4.31769172,14.1788096 5.06581128,13.6063341 L5.156,13.529 L6.16163376,12.3189006 C6.48720494,11.9265987 7.04943452,11.8464869 7.46827399,12.1138931 L7.56977663,12.1880051 C7.96207853,12.5135762 8.04219031,13.0758058 7.77478412,13.4946453 L7.70067217,13.5961479 L6.64329964,14.8702449 L6.554056,14.9645777 C5.02884562,16.3801643 2.59807851,16.3107974 1.14760683,14.9645777 C-0.293859995,13.6267155 -0.415580233,11.3582822 0.996093014,9.89228498 L1.095,9.794 L4.19491885,6.17921998 L4.2738264,6.09714063 C5.8499647,4.63428646 8.10413728,4.63428646 9.68027557,6.09714063 Z M14.8523932,1.03542234 C16.29386,2.37328448 16.4155802,4.64171776 15.003907,6.10771502 L14.904,6.205 L11.7857496,9.84275726 L11.7261736,9.90285937 C10.1500353,11.3657135 7.89586272,11.3657135 6.31972443,9.90285937 C5.91492376,9.52715355 5.89133773,8.89442802 6.26704356,8.48962736 C6.64274938,8.0848267 7.27547491,8.06124067 7.68027557,8.43694649 C8.47898275,9.178247 9.5299464,9.18756586 10.3349958,8.46490308 L13.4129345,4.87260289 L13.491842,4.79052353 C14.1861553,4.1461137 14.1519637,3.11401104 13.491842,2.50133522 C12.829954,1.88702005 11.6823083,1.82119037 10.9341887,2.39366585 L10.843,2.47 L9.83836624,3.6810994 C9.51279506,4.0734013 8.95056548,4.15351308 8.53172601,3.88610689 L8.43022337,3.81199494 C8.03792147,3.48642376 7.95780969,2.92419418 8.22521588,2.5053547 L8.29932783,2.40385206 L9.35670036,1.12975511 L9.445944,1.03542234 C10.9711544,-0.380164327 13.4019215,-0.310797434 14.8523932,1.03542234 Z"></path></svg>',Ei='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M2.74823068,11.5 C2.97524895,11.5 3.1905939,11.5343408 3.39366257,11.603155 C3.59684892,11.6720091 3.77524112,11.7672163 3.92811884,11.8888526 C4.08261947,12.0117802 4.20418892,12.156176 4.29187398,12.3213933 C4.38099535,12.489317 4.42568877,12.6706965 4.42568877,12.8637096 C4.42568877,13.0343925 4.38425005,13.1965655 4.30193102,13.3483633 C4.2490321,13.4459099 4.1864049,13.5350392 4.1129322,13.6165937 L4.04984615,13.678 L4.09689729,13.7134462 C4.1440201,13.7542692 4.18757668,13.798784 4.2275306,13.8469317 L4.28475493,13.9218707 L4.36039919,14.0444001 C4.45317113,14.2160007 4.5,14.3957363 4.5,14.5818816 C4.5,14.7829974 4.45212751,14.9723959 4.35676927,15.1481679 C4.26309551,15.320835 4.13497752,15.4708273 3.973323,15.5974593 C3.8136645,15.7225277 3.62857226,15.8208403 3.41870764,15.8924562 C3.20845593,15.9642041 2.98476013,16 2.74823068,16 C2.51170124,16 2.28800544,15.9642041 2.07775373,15.8924562 C1.86788911,15.8208403 1.68279687,15.7225277 1.52313837,15.5974593 C1.36129205,15.4706771 1.23362688,15.3204523 1.14109689,15.1474913 C1.07063396,15.015779 1.02649843,14.8764526 1.00883459,14.7302917 L1,14.5818816 L1.00164157,14.5040028 L1.01140889,14.4539704 C1.02582527,14.4107075 1.05279311,14.3734256 1.08945882,14.3425177 C1.12493487,14.3126126 1.16582677,14.2925055 1.21036894,14.2824235 L1.27969922,14.2748479 L1.98756339,14.275596 L2.03880852,14.2818104 C2.08219582,14.2912785 2.12219058,14.3102242 2.15757967,14.3377172 C2.20307663,14.3730626 2.23398517,14.4185737 2.24659587,14.4705773 L2.25296992,14.5246092 L2.25258047,14.5718213 L2.25807808,14.6486267 C2.27079066,14.7268552 2.30703478,14.7869418 2.3704462,14.83505 C2.45795803,14.9014424 2.58255226,14.9363441 2.74823068,14.9363441 C2.90942468,14.9363441 3.03317339,14.9014105 3.12354059,14.834251 C3.20476584,14.7738856 3.24349145,14.6939404 3.24349145,14.5818816 C3.24349145,14.4698229 3.20476584,14.3898777 3.12354059,14.3295123 C3.05576519,14.2791427 2.96921269,14.2469001 2.86216869,14.2339269 L2.74823068,14.2274192 L2.64842249,14.226608 L2.59661089,14.2200403 C2.55268483,14.2100552 2.5123734,14.1901638 2.47690455,14.1614608 C2.43271565,14.1257011 2.40232873,14.081078 2.38989708,14.0303367 L2.38360435,13.9776578 L2.38524592,13.4072363 L2.39501324,13.3572039 C2.40942962,13.313941 2.43639745,13.2766591 2.47306317,13.2457512 C2.50853922,13.2158461 2.54943112,13.195739 2.59397329,13.1856571 L2.66330356,13.1780814 L2.73975563,13.1783439 L2.85168659,13.171719 C2.9437197,13.159688 3.01749149,13.1309337 3.07554665,13.0860883 C3.14630362,13.0314312 3.17979611,12.9612082 3.17979611,12.8637096 C3.17979611,12.7707791 3.14699089,12.703807 3.07678781,12.650869 C2.99833824,12.5917126 2.89023521,12.5607923 2.74823068,12.5607923 C2.61090557,12.5607923 2.5044056,12.5916531 2.4243983,12.6513063 C2.37106807,12.6910692 2.33912383,12.7385788 2.32648485,12.7989128 L2.32020389,12.8637096 L2.31842543,12.9739248 L2.3080742,13.0246617 C2.2929189,13.0683229 2.26484596,13.1055802 2.22690369,13.1362848 C2.19123111,13.1651527 2.15096982,13.1848449 2.10763134,13.1947655 L2.04050468,13.2022432 L1.32851348,13.201432 L1.27670188,13.1948643 C1.23277582,13.1848792 1.19246439,13.1649878 1.15699554,13.1362848 C1.11280664,13.1005251 1.08241973,13.055902 1.06998808,13.0051607 L1.06369534,12.9524818 L1.06393749,12.8557746 L1.07242996,12.7209412 C1.08997955,12.5797335 1.13393935,12.4455677 1.2039704,12.3192694 C1.29496951,12.155156 1.41713001,12.0116018 1.56968036,11.8891974 C1.72150283,11.7673769 1.89945766,11.6720615 2.1027988,11.603155 C2.30586747,11.5343408 2.52121242,11.5 2.74823068,11.5 Z M15,13 C15.5522847,13 16,13.4477153 16,14 C16,14.5128358 15.6139598,14.9355072 15.1166211,14.9932723 L15,15 L7,15 C6.44771525,15 6,14.5522847 6,14 C6,13.4871642 6.38604019,13.0644928 6.88337887,13.0067277 L7,13 L15,13 Z M2.7773794,5.5 C3.01061163,5.5 3.23063146,5.5337146 3.43690633,5.60133257 C3.64413053,5.66926173 3.82577219,5.7650503 3.98104183,5.88877206 C4.13710704,6.01312774 4.26121525,6.15905988 4.35251855,6.32596194 C4.4458521,6.49657529 4.49269883,6.68102126 4.49269883,6.87734324 C4.49269883,7.06676157 4.44420922,7.24780552 4.34808196,7.41850518 C4.27840068,7.54224292 4.19235414,7.65579573 4.08998064,7.75916145 L3.98216624,7.8591314 L2.70907692,8.93164706 L4.22978618,8.93317541 L4.2819717,8.93938021 C4.32589213,8.9488175 4.3664409,8.96773068 4.4024143,8.99524839 C4.44854332,9.0305346 4.48037077,9.07558051 4.49340143,9.12731154 L4.5,9.18115708 L4.49816677,9.77015236 L4.48750644,9.82162448 C4.47195889,9.86572783 4.44325396,9.90323894 4.40450989,9.93411094 C4.36826988,9.96298765 4.327482,9.98264611 4.28362146,9.99254322 L4.21571056,10 L1.26963414,9.99921332 L1.21688863,9.99265811 C1.17242832,9.98270676 1.1315541,9.9628474 1.09549011,9.93411094 C1.0503175,9.89811655 1.01919062,9.8530851 1.00645046,9.80173694 L1,9.74838397 L1.00023177,9.03667757 L1.00355503,8.98666953 C1.00929123,8.94324778 1.02217372,8.90475398 1.04484149,8.87164013 L1.07818082,8.82870401 L1.07818082,8.82870401 L1.11259372,8.79570542 L3.0410264,7.16741642 L3.07654241,7.13085815 C3.10025944,7.10314083 3.12742004,7.06517228 3.15746767,7.01728725 C3.19525076,6.95707469 3.21225554,6.90816349 3.21225554,6.87152553 C3.21225554,6.79090998 3.18100574,6.72355114 3.1131028,6.66181443 C3.04506831,6.5999581 2.94635937,6.5675501 2.81023468,6.5675501 C2.64713406,6.5675501 2.52518911,6.59993944 2.44117557,6.66093246 C2.38470254,6.70193134 2.35127551,6.74944837 2.33809157,6.80847605 L2.3315515,6.87152553 L2.32971827,6.99510388 L2.31905794,7.046576 C2.30351039,7.09067935 2.27480546,7.12819046 2.23606139,7.15906246 C2.19982138,7.18793917 2.1590335,7.20759763 2.11517296,7.21749474 L2.04726206,7.22495152 L1.32074236,7.22416484 L1.26799684,7.21760963 C1.22353654,7.20765828 1.18266232,7.18779892 1.14659833,7.15906246 C1.10142571,7.12306807 1.07029883,7.07803662 1.05755868,7.02668846 L1.05110821,6.97333549 L1.05135795,6.86928498 L1.06011863,6.73232654 C1.07821769,6.58893392 1.12354325,6.45272403 1.19572508,6.32454589 C1.28957677,6.15788712 1.41614427,6.01221295 1.57458539,5.88808592 C1.73194983,5.7648024 1.91380696,5.66924767 2.11943393,5.60141275 C2.3245881,5.53373381 2.54408196,5.5 2.7773794,5.5 Z M15,7 C15.5522847,7 16,7.44771525 16,8 C16,8.51283584 15.6139598,8.93550716 15.1166211,8.99327227 L15,9 L7,9 C6.44771525,9 6,8.55228475 6,8 C6,7.48716416 6.38604019,7.06449284 6.88337887,7.00672773 L7,7 L15,7 Z M3.23683366,0.000892565676 L3.28871073,0.00783402044 C3.33286644,0.0183677239 3.37314954,0.0392281526 3.40833624,0.0691110527 C3.45125131,0.105557407 3.4804697,0.15047096 3.49239669,0.201063483 L3.49842676,0.25344573 L3.49415385,3.42 L4.23779051,3.42095615 L4.28908093,3.4275216 C4.33270312,3.43751177 4.37269953,3.45739525 4.40784121,3.48604614 C4.45172591,3.52182516 4.48162288,3.56677356 4.49382857,3.61775241 L4.5,3.67062515 L4.498507,4.26621158 L4.48924681,4.31635115 C4.4754812,4.35970406 4.44942679,4.39750461 4.41369292,4.42911668 C4.37842528,4.46031631 4.3374287,4.48142013 4.29262358,4.49202272 L4.22279954,4.5 L1.28941458,4.49910743 L1.23753751,4.49216598 C1.1933818,4.48163228 1.1530987,4.46077185 1.117912,4.43088895 C1.07499693,4.39444259 1.04577855,4.34952904 1.03385155,4.29893652 L1.02782148,4.24655427 L1.02933048,3.65086338 L1.03870489,3.60058458 C1.05277955,3.55675636 1.07953979,3.51887873 1.11617316,3.48776722 C1.15134466,3.45789723 1.19194091,3.4377942 1.23617227,3.42771107 L1.30502194,3.42013291 L2.23738462,3.42211765 L2.23953846,1.46329412 L1.44368956,2.09185679 L1.37612125,2.12885556 C1.31383831,2.15121761 1.2470982,2.14957471 1.18010744,2.12726371 C1.08916935,2.09697716 1.02846344,2.03286164 1.0078186,1.94807494 L1,1.88081467 L1.00024153,1.29400722 L1.00681164,1.20546936 L1.0220171,1.13018676 C1.03500364,1.08276189 1.06008142,1.03856361 1.09493964,0.997770613 L1.15427346,0.939157422 L1.98428355,0.180994532 L2.02561691,0.145157104 C2.05782836,0.119624731 2.0953492,0.0943348848 2.13827642,0.0690384205 C2.19137322,0.0377491519 2.25228164,0.0174951656 2.32051982,0.00746909355 L2.42831415,0 L3.23683366,0.000892565676 Z M15,1 C15.5522847,1 16,1.44771525 16,2 C16,2.51283584 15.6139598,2.93550716 15.1166211,2.99327227 L15,3 L7,3 C6.44771525,3 6,2.55228475 6,2 C6,1.48716416 6.38604019,1.06449284 6.88337887,1.00672773 L7,1 L15,1 Z"></path></svg>',Ui='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M2,12 C3.1045695,12 4,12.8954305 4,14 C4,15.1045695 3.1045695,16 2,16 C0.8954305,16 0,15.1045695 0,14 C0,12.8954305 0.8954305,12 2,12 Z M15,13 C15.5522847,13 16,13.4477153 16,14 C16,14.5128358 15.6139598,14.9355072 15.1166211,14.9932723 L15,15 L7,15 C6.44771525,15 6,14.5522847 6,14 C6,13.4871642 6.38604019,13.0644928 6.88337887,13.0067277 L7,13 L15,13 Z M2,6 C3.1045695,6 4,6.8954305 4,8 C4,9.1045695 3.1045695,10 2,10 C0.8954305,10 0,9.1045695 0,8 C0,6.8954305 0.8954305,6 2,6 Z M15,7 C15.5522847,7 16,7.44771525 16,8 C16,8.51283584 15.6139598,8.93550716 15.1166211,8.99327227 L15,9 L7,9 C6.44771525,9 6,8.55228475 6,8 C6,7.48716416 6.38604019,7.06449284 6.88337887,7.00672773 L7,7 L15,7 Z M2,0 C3.1045695,0 4,0.8954305 4,2 C4,3.1045695 3.1045695,4 2,4 C0.8954305,4 0,3.1045695 0,2 C0,0.8954305 0.8954305,0 2,0 Z M15,1 C15.5522847,1 16,1.44771525 16,2 C16,2.51283584 15.6139598,2.93550716 15.1166211,2.99327227 L15,3 L7,3 C6.44771525,3 6,2.55228475 6,2 C6,1.48716416 6.38604019,1.06449284 6.88337887,1.00672773 L7,1 L15,1 Z"></path></svg>',Vi='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M8.99302964,2.86682521 L9,3 L9,6.999 L13,7 C13.5522847,7 14,7.44771525 14,8 C14,8.51283584 13.6139598,8.93550716 13.1166211,8.99327227 L13,9 L9,9 L9,13 C9,14.2873563 7.13555291,14.3317479 7.00697036,13.1331748 L7,13 L7,9 L3,9 C2.44771525,9 2,8.55228475 2,8 C2,7.48716416 2.38604019,7.06449284 2.88337887,7.00672773 L3,7 L7,7 L7,3 C7,1.71264368 8.86444709,1.66825208 8.99302964,2.86682521 Z"></path></svg>',Ri='<?xml version="1.0" encoding="UTF-8" standalone="no"?>\n<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n    \x3c!-- Generator: Sketch 39.1 (31720) - http://www.bohemiancoding.com/sketch --\x3e\n    <defs/>\n    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n        <g fill="currentColor">\n            <g>\n                <path d="M0,8 C0,12.418278 3.581722,16 8,16 C12.418278,16 16,12.418278 16,8 C16,4.89580324 14.2154684,2.11256098 11.4682644,0.789110134 L10.6002482,2.59092808 C12.661769,3.58405472 14,5.6712248 14,8 C14,11.3137085 11.3137085,14 8,14 C4.6862915,14 2,11.3137085 2,8 C2,5.65296151 3.35941993,3.55225774 5.44569583,2.56903563 L4.59307587,0.759881355 C1.81273067,2.07020511 0,4.87140735 0,8 Z" />\n                <polygon points="7 8.58578644 7 0 9 0 9 8.58578644 10.2928932 7.29289322 11 6.58578644 12.4142136 8 11.7071068 8.70710678 8.70710678 11.7071068 8 12.4142136 7.64644661 12.0606602 7.29289322 11.7071068 4.29289322 8.70710678 3.58578644 8 5 6.58578644 5.70710678 7.29289322"/>\n            </g>\n        </g>\n    </g>\n</svg>',$i='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M8,0 C9.68208046,0 11.3461433,0.680204408 12.7173184,1.76574326 L12.7968302,1.82941136 L13.0821869,2.07021798 L13.0821869,2.07021798 L13.3921258,2.35532672 L13.3921258,2.35532672 L13.5196418,2.4804269 L13.5196418,2.4804269 L13.6802379,2.64503003 L13.6802379,2.64503003 L13.9230383,2.91014998 L13.9230383,2.91014998 L14.2342567,3.28268159 C15.3197956,4.65385675 16,6.31791954 16,8 C16,12.0522847 12.0522847,16 8,16 C6.31791954,16 4.65385675,15.3197956 3.28268159,14.2342567 L3.22655228,14.1894621 C3.11728724,14.1015615 3.00992829,14.0110805 2.90461703,13.9181609 L2.77356586,13.8003012 L2.77356586,13.8003012 L2.60704997,13.6438799 L2.60704997,13.6438799 L2.47549501,13.5147055 L2.47549501,13.5147055 L2.3227975,13.3581572 L2.3227975,13.3581572 L2.07024759,13.082218 L2.07024759,13.082218 L1.76574326,12.7173184 C0.680204408,11.3461433 0,9.68208046 0,8 C0,3.94771525 3.94771525,0 8,0 Z M12.7649054,4.65130747 L4.65130747,12.7649054 C5.65399996,13.523368 6.83516455,14 8,14 C10.9477153,14 14,10.9477153 14,8 C14,6.83516455 13.523368,5.65399996 12.7649054,4.65130747 Z M8,2 C5.05228475,2 2,5.05228475 2,8 C2,9.1652227 2.47694891,10.3467854 3.23585116,11.3496925 L11.3496925,3.23585116 C10.3467854,2.47694891 9.1652227,2 8,2 Z"></path></svg>',Oi='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M6,7.74491582e-13 C9.3137085,7.74491582e-13 12,2.6862915 12,6 C12,7.29898246 11.5846266,8.5351264 10.8252219,9.56391425 L10.8900586,9.47439923 L15.7071068,14.2928932 C16.0976311,14.6834175 16.0976311,15.3165825 15.7071068,15.7071068 C15.3466228,16.0675907 14.7793918,16.0953203 14.3871006,15.7902954 L14.2928932,15.7071068 L9.47512648,10.8918743 L9.53331766,10.8499347 C8.52109315,11.5886903 7.29230116,12 6,12 C2.6862915,12 0,9.3137085 0,6 C0,2.6862915 2.6862915,7.74491582e-13 6,7.74491582e-13 Z M6,2 C3.790861,2 2,3.790861 2,6 C2,8.209139 3.790861,10 6,10 C6.99932461,10 7.93836334,9.63301144 8.65132683,8.99699272 L8.81176823,8.84548807 L8.96107603,8.68929627 C9.62604013,7.95767293 10,7.00931223 10,6 C10,3.790861 8.209139,2 6,2 Z"></path></svg>',Wi='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M15,9 C15.5128358,9 15.9355072,9.38604019 15.9932723,9.88337887 L16,10 L16,15 C16,15.5128358 15.6139598,15.9355072 15.1166211,15.9932723 L15,16 L1,16 C0.487164161,16 0.0644928393,15.6139598 0.00672773133,15.1166211 L0,15 L0,10 C0,9.44771525 0.44771525,9 1,9 C1.51283584,9 1.93550716,9.38604019 1.99327227,9.88337887 L2,10 L2,14 L14,14 L14,10 C14,9.48716416 14.3860402,9.06449284 14.8833789,9.00672773 L15,9 Z M8.61289944,0.209704612 L8.70710678,0.292893219 L12.7071068,4.29289322 C13.0976311,4.68341751 13.0976311,5.31658249 12.7071068,5.70710678 C12.3466228,6.06759074 11.7793918,6.09532028 11.3871006,5.79029539 L11.2928932,5.70710678 L9,3.415 L9,11 C9,11.5522847 8.55228475,12 8,12 C7.48716416,12 7.06449284,11.6139598 7.00672773,11.1166211 L7,11 L7,3.415 L4.70710678,5.70710678 C4.34662282,6.06759074 3.77939176,6.09532028 3.38710056,5.79029539 L3.29289322,5.70710678 C2.93240926,5.34662282 2.90467972,4.77939176 3.20970461,4.38710056 L3.29289322,4.29289322 L7.29289322,0.292893219 C7.62333685,-0.0375504127 8.12750547,-0.0883878944 8.51140295,0.140380774 L8.61289944,0.209704612 Z"></path></svg>',Gi='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="currentColor" stroke="none" d="M15.999 8.049c0-4.445-3.582-8.049-8-8.049S0 3.604 0 8.049C0 12.066 2.925 15.396 6.75 16v-5.624H4.717V8.049H6.75V6.276c0-2.018 1.195-3.132 3.022-3.132.875 0 1.79.157 1.79.157v1.981h-1.008c-.994 0-1.304.62-1.304 1.257v1.51h2.219l-.355 2.327H9.25V16c3.825-.604 6.75-3.934 6.75-7.951z"></path></g></svg>',Ji='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="currentColor" stroke="none" d="M15.969 3.049c-.59.259-1.22.436-1.884.516a3.305 3.305 0 0 0 1.442-1.815c-.634.37-1.336.64-2.084.79a3.28 3.28 0 0 0-5.59 2.988 9.29 9.29 0 0 1-6.76-3.418A3.214 3.214 0 0 0 .65 3.76c0 1.14.58 2.142 1.459 2.73a3.27 3.27 0 0 1-1.485-.41v.04a3.282 3.282 0 0 0 2.63 3.218 3.33 3.33 0 0 1-1.474.057 3.291 3.291 0 0 0 3.069 2.278A6.578 6.578 0 0 1 .78 13.076c-.26 0-.52-.015-.78-.044a9.33 9.33 0 0 0 5.038 1.472c6.036 0 9.332-4.997 9.332-9.323 0-.14 0-.28-.01-.42.64-.46 1.2-1.04 1.64-1.7l-.031-.012z"></path></g></svg>',Ki=Object.freeze({
+;var Li='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 4l4 4-4 4"></path></g></svg>',Ci='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 10l4-4 4 4"></path></g></svg>',wi='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="currentColor" stroke="none" d="M7.985 0c2.238 0 4.143.781 5.715 2.343a7.694 7.694 0 011.714 2.579C15.804 5.888 16 6.914 16 8a8.164 8.164 0 01-.579 3.078 7.344 7.344 0 01-1.707 2.536 8.222 8.222 0 01-2.657 1.772c-.99.41-2.014.614-3.071.614a7.775 7.775 0 01-3.036-.607 8.047 8.047 0 01-2.6-1.757A7.846 7.846 0 010 8c0-1.057.202-2.074.607-3.05A8.033 8.033 0 012.371 2.33C3.895.777 5.766 0 7.985 0zm.03 1.443c-1.83 0-3.367.638-4.615 1.914a6.878 6.878 0 00-1.45 2.15A6.301 6.301 0 001.443 8c0 .858.168 1.684.507 2.479a6.627 6.627 0 001.45 2.129 6.593 6.593 0 002.129 1.428c.79.329 1.619.493 2.485.493.857 0 1.688-.166 2.494-.5a6.91 6.91 0 002.178-1.442c1.247-1.22 1.871-2.748 1.871-4.586a6.57 6.57 0 00-.486-2.515 6.397 6.397 0 00-1.413-2.114C11.37 2.086 9.824 1.443 8.014 1.443zm-.1 5.229l-1.073.557c-.114-.238-.254-.405-.42-.5a.95.95 0 00-.465-.143c-.714 0-1.072.472-1.072 1.415 0 .428.09.77.271 1.028.181.257.448.386.8.386.467 0 .796-.229.987-.686l.985.5a2.35 2.35 0 01-2.1 1.257c-.714 0-1.29-.218-1.729-.657-.438-.438-.657-1.047-.657-1.828 0-.762.222-1.367.665-1.814.442-.448 1.002-.672 1.678-.672.991 0 1.7.385 2.13 1.157zm4.613 0l-1.057.557c-.114-.238-.255-.405-.421-.5a.972.972 0 00-.479-.143c-.714 0-1.072.472-1.072 1.415 0 .428.091.77.272 1.028.18.257.447.386.8.386.466 0 .795-.229.985-.686l1 .5c-.218.39-.514.698-.885.922a2.308 2.308 0 01-1.214.335c-.724 0-1.302-.218-1.735-.657-.434-.438-.65-1.047-.65-1.828 0-.762.22-1.367.664-1.814.442-.448 1.002-.672 1.678-.672.99 0 1.696.385 2.114 1.157z"></path></g></svg>',yi='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="currentColor" stroke="none" d="M7.983 0c2.238 0 4.148.78 5.72 2.342a7.662 7.662 0 011.715 2.582c.39.962.582 1.99.582 3.076a8.13 8.13 0 01-.583 3.087 7.262 7.262 0 01-1.703 2.526 8.213 8.213 0 01-2.655 1.77c-.99.41-2.018.617-3.076.617a7.902 7.902 0 01-3.042-.6 8.301 8.301 0 01-2.6-1.759A8.087 8.087 0 01.6 11.042 7.84 7.84 0 010 8c0-1.057.2-2.07.6-3.042a8.12 8.12 0 011.77-2.633C3.893.772 5.764 0 7.983 0zm.034 1.44c-1.829 0-3.369.64-4.616 1.915a6.962 6.962 0 00-1.457 2.157 6.388 6.388 0 000 4.969 6.83 6.83 0 003.585 3.558c.79.324 1.62.487 2.488.487.857 0 1.681-.165 2.482-.498a6.88 6.88 0 002.184-1.446C13.931 11.364 14.56 9.838 14.56 8a6.57 6.57 0 00-.487-2.515 6.418 6.418 0 00-1.418-2.118C11.37 2.081 9.826 1.44 8.017 1.44zM8 3.395c2.641 0 3.305 2.492 3.305 4.605 0 2.113-.664 4.605-3.305 4.605S4.694 10.113 4.694 8l.007-.355c.073-2.027.804-4.25 3.299-4.25zm1.316 3.227L7.35 10.017c-.274.412-.083.645.219.774l.135.044c.091.022.19.034.297.034 1.357 0 1.422-1.938 1.422-2.869l-.007-.409a7.282 7.282 0 00-.06-.72l-.04-.25zM8 5.132c-1.258 0-1.406 1.66-1.421 2.646L6.577 8c0 .24.005.544.035.865l.027.244 1.759-3.232c.182-.316.09-.542-.101-.706A1.222 1.222 0 008 5.13z"></path></g></svg>',_i='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 11l-4 4 4-4zm-3-1h4v4m9-13l-4 4 4-4zm-1 5h-4V2"></path></g></svg>',xi='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 15H1V5h3m11-4v10H7V1h8z"></path></g></svg>',ki='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="currentColor" stroke="none" d="M13.392 16c.158 0 .299-.036.423-.108.123-.073.185-.155.185-.248v-1.778c0-.099-.062-.183-.185-.252a.848.848 0 00-.423-.104H6.85c-.138 0-.227-.028-.267-.083-.04-.055-.04-.105 0-.152l5.533-5.101c.158-.14.223-.265.193-.378a.755.755 0 00-.193-.325L6.88 2.707c-.04-.046-.042-.094-.007-.143.034-.05.13-.074.289-.074h6.17a.782.782 0 00.416-.108c.119-.073.178-.155.178-.248V.356c0-.093-.06-.175-.178-.248A.782.782 0 0013.333 0H2.905c-.158 0-.3.036-.423.108-.124.073-.185.155-.185.248v1.943c0 .128.037.236.11.326l.171.204 5.31 4.815c.04.047.065.106.075.178a.221.221 0 01-.074.195l-5.622 5.154c-.04.047-.094.113-.163.2A.512.512 0 002 13.7v1.943c0 .093.062.175.185.248a.822.822 0 00.423.108h10.784z"></path></g></svg>',Mi='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="currentColor" stroke="none" d="M2.701 14c.38 0 .659-.085.837-.255.177-.17.328-.343.45-.52l2.408-3.25c.246-.328.445-.725.598-1.19a4.69 4.69 0 00.23-1.475V2.775a.752.752 0 00-.23-.539A.713.713 0 006.47 2H1.947a.713.713 0 00-.524.236.752.752 0 00-.23.539v4.649c0 .214.077.396.23.548a.726.726 0 00.524.226h.901c.123 0 .23.054.322.161.092.107.101.224.028.35l-2.041 3.817c-.196.365-.208.702-.037 1.011.172.309.447.463.827.463h.754zm7.795 0c.367 0 .64-.085.818-.255.178-.17.328-.343.45-.52l2.409-3.25c.257-.328.46-.725.606-1.19A4.87 4.87 0 0015 7.31V2.775a.752.752 0 00-.23-.539.713.713 0 00-.524-.236H9.742a.703.703 0 00-.533.236.767.767 0 00-.22.539v4.649c0 .214.076.396.23.548a.726.726 0 00.523.226h.9c.123 0 .228.054.313.161.086.107.092.224.019.35L8.95 12.526c-.208.365-.223.702-.045 1.011.177.309.456.463.836.463h.754z"></path></g></svg>',Si='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="currentColor" stroke="none" d="M8.661 16c.805 0 1.536-.117 2.193-.351a4.953 4.953 0 001.69-.993c.47-.428.831-.947 1.081-1.557s.375-1.287.375-2.03c0-.29-.038-.588-.114-.893a4.123 4.123 0 00-.325-.87 3.937 3.937 0 00-.495-.754 4.412 4.412 0 00-.604-.597c-.17-.126-.17-.264 0-.412.381-.335.699-.772.953-1.311.254-.54.382-1.062.382-1.568 0-.64-.132-1.244-.394-1.813a4.628 4.628 0 00-1.081-1.484c-.458-.42-1-.753-1.627-.999A5.531 5.531 0 008.66 0h-6.14a.534.534 0 00-.362.14A.415.415 0 002 .456v15.086c0 .119.053.225.159.318.106.093.227.139.362.139h6.14zm-.127-9.852H5.826c-.17 0-.254-.075-.254-.223V3.437c0-.157.085-.235.254-.235h2.708c.45 0 .847.145 1.195.435.347.29.521.633.521 1.027 0 .394-.174.74-.521 1.038a1.784 1.784 0 01-1.195.446zm0 6.65H5.826c-.17 0-.254-.075-.254-.223v-2.99c0-.157.085-.235.254-.235h2.708c.56 0 1.004.177 1.335.53.33.353.495.75.495 1.188 0 .454-.165.856-.495 1.205-.33.35-.776.525-1.335.525z"></path></g></svg>',Bi='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="currentColor" stroke="none" d="M10.61 16c.12 0 .23-.046.329-.14a.633.633 0 00.191-.317l.457-2.176a.348.348 0 00-.064-.313.336.336 0 00-.276-.133H8.845c-.142-.008-.198-.086-.17-.235l1.892-9.372c.035-.149.124-.223.266-.223H13a.49.49 0 00.335-.14.62.62 0 00.196-.318L13.99.457a.542.542 0 00.011-.1.337.337 0 00-.085-.223.336.336 0 00-.276-.134H5.805a.49.49 0 00-.335.14.62.62 0 00-.196.317l-.457 2.176a.353.353 0 00.069.318c.074.093.168.14.281.14h2.18c.141 0 .198.074.17.223l-1.893 9.372c-.028.156-.113.235-.255.235H2.967a.489.489 0 00-.324.133.59.59 0 00-.197.313l-.435 2.176a.542.542 0 00-.011.1c0 .082.025.156.074.223.071.09.16.134.266.134h8.27z"></path></g></svg>',Ti='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 3v10h14V3H1zm0 0l7 6 7-6H1z"></path></g></svg>',Zi='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2 14l4-4-4 4zm3 1H1v-4m13-9l-4 4 4-4zm-3-1h4v4"></path></g></svg>',zi='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 3h6v6m-1-5l-9 9 9-9z"></path></g></svg>',Hi='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 9v6V1h12l-4 4 4 4H3z"></path></g></svg>',Ai='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="currentColor" stroke="none" d="M2 1a1 1 0 01.883-.993L3 0h12c.852 0 1.297.986.783 1.623l-.076.084L12.415 5l3.292 3.293c.575.575.253 1.523-.485 1.684l-.108.017L15 10H4v5a1 1 0 01-1.993.117L2 15V1z"></path></g></svg>',Pi='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">\n  <path fill="currentColor" fill-rule="nonzero" d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zm2.655 11.535c.244-.242.442-.719.442-1.063a1.13 1.13 0 0 0-.288-.696l-.442-.442a1.033 1.033 0 0 0-.73-.302H7.484C7.181 8.88 6.791 8 6.452 8c-.34 0-.674-.08-.978-.231l-.357-.179a.386.386 0 0 1-.213-.345c0-.153.118-.317.263-.366l1.006-.335a.618.618 0 0 1 .163-.026c.106 0 .258.056.338.126l.3.26c.046.04.106.063.169.063h.182a.258.258 0 0 0 .23-.373l-.503-1.006a.306.306 0 0 1-.027-.116c0-.06.035-.143.078-.185l.32-.31a.258.258 0 0 1 .18-.074h.29c.06 0 .141-.034.183-.076l.258-.258c.1-.1.1-.264 0-.364l-.151-.152c-.101-.1-.101-.264 0-.365l.333-.333.151-.151a.516.516 0 0 0 0-.73l-.912-.913a6.45 6.45 0 0 0-.787.078v.365a.516.516 0 0 1-.747.461l-.775-.387a6.487 6.487 0 0 0-3.329 3.287c.32.474.813 1.205 1.116 1.65.138.203.4.503.582.668l.026.023c.308.278.65.516 1.021.702.452.227 1.111.586 1.575.842.328.182.53.527.53.903v1.032c0 .274.11.537.303.73.484.484.785 1.246.73 1.653v.884c.473 0 .932-.055 1.376-.152l.56-1.511c.067-.177.106-.362.155-.544a.771.771 0 0 1 .199-.346l.365-.364zm2.797-2.946l.94.235c.036-.27.06-.544.06-.824a6.4 6.4 0 0 0-.688-2.882l-.419.21a.773.773 0 0 0-.298.263l-.632.947a.908.908 0 0 0-.13.43c0 .13.058.321.13.43l.58.87c.107.16.27.274.457.32z"/>\n</svg>',Ii='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 15a3 3 0 0 1 6 0m2-4a3 3 0 0 1 6 0M4 9a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm8-4a2 2 0 1 1 0-4 2 2 0 0 1 0 4z"></path></g></svg>',Di='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 15a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM4 4.5C4 2.567 5.79 1 8 1s4 1.567 4 3.5S10.21 8 8 8m0 0v1.5V8z"></path></g></svg>',ji='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M1.61289944,0.209704612 L1.70710678,0.292893219 L15.7071068,14.2928932 C16.0976311,14.6834175 16.0976311,15.3165825 15.7071068,15.7071068 C15.3466228,16.0675907 14.7793918,16.0953203 14.3871006,15.7902954 L14.2928932,15.7071068 L0.292893219,1.70710678 C-0.0976310729,1.31658249 -0.0976310729,0.683417511 0.292893219,0.292893219 C0.65337718,-0.0675907428 1.22060824,-0.0953202783 1.61289944,0.209704612 Z M2.19604887,5.05494269 C2.65878442,5.35642943 2.78950241,5.97595401 2.48801567,6.43868956 C2.16488794,6.93464068 2,7.46139686 2,8 C2,10.1228856 4.62796016,12 8,12 C8.22060643,12 8.4396701,11.9919023 8.65660209,11.9758355 C9.20737829,11.9350431 9.68693944,12.3484666 9.72773191,12.8992428 C9.76852437,13.450019 9.35510087,13.9295801 8.80432467,13.9703726 C8.53822524,13.9900809 8.26988704,14 8,14 C3.64005335,14 0,11.3999619 0,8 C0,7.06308249 0.28281658,6.15958778 0.812302005,5.34690949 C1.11378875,4.88417394 1.73331332,4.75345595 2.19604887,5.05494269 Z M8,2 C12.3599467,2 16,4.6000381 16,8 C16,8.93691751 15.7171834,9.84041222 15.187698,10.6530905 C14.8862113,11.1158261 14.2666867,11.246544 13.8039511,10.9450573 C13.3412156,10.6435706 13.2104976,10.024046 13.5119843,9.56131044 C13.8351121,9.06535932 14,8.53860314 14,8 C14,5.8771144 11.3720398,4 8,4 C7.77939357,4 7.5603299,4.00809769 7.34339791,4.02416445 C6.79262171,4.06495692 6.31306056,3.65153342 6.27226809,3.10075722 C6.23147563,2.54998102 6.64489913,2.07041987 7.19567533,2.02962741 C7.46177476,2.00991913 7.73011296,2 8,2 Z"></path></svg>',qi='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15H1h11zm-.5-6v2l-1 1v-2l1-1zm.5-7v6h-2V2h2zm0-1h-2 2zm0 8h-2 2z"></path></g></svg>',Fi='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 1v14H1V1h14zM1 15l3-8 4 6 3-4 4 6m-4-9a1 1 0 110-2 1 1 0 010 2z"></path></g></svg>',Ei='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M8,0 C12.0522847,0 16,3.94771525 16,8 C16,12.0522847 12.0522847,16 8,16 C3.94771525,16 0,12.0522847 0,8 C0,3.94771525 3.94771525,0 8,0 Z M8,2 C5.05228475,2 2,5.05228475 2,8 C2,10.9477153 5.05228475,14 8,14 C10.9477153,14 14,10.9477153 14,8 C14,5.05228475 10.9477153,2 8,2 Z M10.7864022,6.62017694 L10.7071068,6.70710678 L9.415,8 L10.7071068,9.29289322 C11.0976311,9.68341751 11.0976311,10.3165825 10.7071068,10.7071068 C10.3466228,11.0675907 9.77939176,11.0953203 9.38710056,10.7902954 L9.29289322,10.7071068 L8,9.415 L6.70710678,10.7071068 C5.79286771,11.6213459 4.43536121,10.3192478 5.21359778,9.37982306 L5.29289322,9.29289322 L6.585,8 L5.29289322,6.70710678 C4.90236893,6.31658249 4.90236893,5.68341751 5.29289322,5.29289322 C5.65337718,4.93240926 6.22060824,4.90467972 6.61289944,5.20970461 L6.70710678,5.29289322 L8,6.585 L9.29289322,5.29289322 C10.2071323,4.37865415 11.5646388,5.68075222 10.7864022,6.62017694 Z"></path></svg>',Ui='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M9.68027557,6.09714063 C10.0850762,6.47284645 10.1086623,7.10557198 9.73295644,7.51037264 C9.35725062,7.9151733 8.72452509,7.93875933 8.31972443,7.56305351 C7.52101725,6.821753 6.4700536,6.81243414 5.66500421,7.53509692 L2.58706553,11.1273971 L2.50815798,11.2094765 C1.81384474,11.8538863 1.84803625,12.885989 2.50815798,13.4986648 C3.17004601,14.1129799 4.31769172,14.1788096 5.06581128,13.6063341 L5.156,13.529 L6.16163376,12.3189006 C6.48720494,11.9265987 7.04943452,11.8464869 7.46827399,12.1138931 L7.56977663,12.1880051 C7.96207853,12.5135762 8.04219031,13.0758058 7.77478412,13.4946453 L7.70067217,13.5961479 L6.64329964,14.8702449 L6.554056,14.9645777 C5.02884562,16.3801643 2.59807851,16.3107974 1.14760683,14.9645777 C-0.293859995,13.6267155 -0.415580233,11.3582822 0.996093014,9.89228498 L1.095,9.794 L4.19491885,6.17921998 L4.2738264,6.09714063 C5.8499647,4.63428646 8.10413728,4.63428646 9.68027557,6.09714063 Z M14.8523932,1.03542234 C16.29386,2.37328448 16.4155802,4.64171776 15.003907,6.10771502 L14.904,6.205 L11.7857496,9.84275726 L11.7261736,9.90285937 C10.1500353,11.3657135 7.89586272,11.3657135 6.31972443,9.90285937 C5.91492376,9.52715355 5.89133773,8.89442802 6.26704356,8.48962736 C6.64274938,8.0848267 7.27547491,8.06124067 7.68027557,8.43694649 C8.47898275,9.178247 9.5299464,9.18756586 10.3349958,8.46490308 L13.4129345,4.87260289 L13.491842,4.79052353 C14.1861553,4.1461137 14.1519637,3.11401104 13.491842,2.50133522 C12.829954,1.88702005 11.6823083,1.82119037 10.9341887,2.39366585 L10.843,2.47 L9.83836624,3.6810994 C9.51279506,4.0734013 8.95056548,4.15351308 8.53172601,3.88610689 L8.43022337,3.81199494 C8.03792147,3.48642376 7.95780969,2.92419418 8.22521588,2.5053547 L8.29932783,2.40385206 L9.35670036,1.12975511 L9.445944,1.03542234 C10.9711544,-0.380164327 13.4019215,-0.310797434 14.8523932,1.03542234 Z"></path></svg>',Vi='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M2.74823068,11.5 C2.97524895,11.5 3.1905939,11.5343408 3.39366257,11.603155 C3.59684892,11.6720091 3.77524112,11.7672163 3.92811884,11.8888526 C4.08261947,12.0117802 4.20418892,12.156176 4.29187398,12.3213933 C4.38099535,12.489317 4.42568877,12.6706965 4.42568877,12.8637096 C4.42568877,13.0343925 4.38425005,13.1965655 4.30193102,13.3483633 C4.2490321,13.4459099 4.1864049,13.5350392 4.1129322,13.6165937 L4.04984615,13.678 L4.09689729,13.7134462 C4.1440201,13.7542692 4.18757668,13.798784 4.2275306,13.8469317 L4.28475493,13.9218707 L4.36039919,14.0444001 C4.45317113,14.2160007 4.5,14.3957363 4.5,14.5818816 C4.5,14.7829974 4.45212751,14.9723959 4.35676927,15.1481679 C4.26309551,15.320835 4.13497752,15.4708273 3.973323,15.5974593 C3.8136645,15.7225277 3.62857226,15.8208403 3.41870764,15.8924562 C3.20845593,15.9642041 2.98476013,16 2.74823068,16 C2.51170124,16 2.28800544,15.9642041 2.07775373,15.8924562 C1.86788911,15.8208403 1.68279687,15.7225277 1.52313837,15.5974593 C1.36129205,15.4706771 1.23362688,15.3204523 1.14109689,15.1474913 C1.07063396,15.015779 1.02649843,14.8764526 1.00883459,14.7302917 L1,14.5818816 L1.00164157,14.5040028 L1.01140889,14.4539704 C1.02582527,14.4107075 1.05279311,14.3734256 1.08945882,14.3425177 C1.12493487,14.3126126 1.16582677,14.2925055 1.21036894,14.2824235 L1.27969922,14.2748479 L1.98756339,14.275596 L2.03880852,14.2818104 C2.08219582,14.2912785 2.12219058,14.3102242 2.15757967,14.3377172 C2.20307663,14.3730626 2.23398517,14.4185737 2.24659587,14.4705773 L2.25296992,14.5246092 L2.25258047,14.5718213 L2.25807808,14.6486267 C2.27079066,14.7268552 2.30703478,14.7869418 2.3704462,14.83505 C2.45795803,14.9014424 2.58255226,14.9363441 2.74823068,14.9363441 C2.90942468,14.9363441 3.03317339,14.9014105 3.12354059,14.834251 C3.20476584,14.7738856 3.24349145,14.6939404 3.24349145,14.5818816 C3.24349145,14.4698229 3.20476584,14.3898777 3.12354059,14.3295123 C3.05576519,14.2791427 2.96921269,14.2469001 2.86216869,14.2339269 L2.74823068,14.2274192 L2.64842249,14.226608 L2.59661089,14.2200403 C2.55268483,14.2100552 2.5123734,14.1901638 2.47690455,14.1614608 C2.43271565,14.1257011 2.40232873,14.081078 2.38989708,14.0303367 L2.38360435,13.9776578 L2.38524592,13.4072363 L2.39501324,13.3572039 C2.40942962,13.313941 2.43639745,13.2766591 2.47306317,13.2457512 C2.50853922,13.2158461 2.54943112,13.195739 2.59397329,13.1856571 L2.66330356,13.1780814 L2.73975563,13.1783439 L2.85168659,13.171719 C2.9437197,13.159688 3.01749149,13.1309337 3.07554665,13.0860883 C3.14630362,13.0314312 3.17979611,12.9612082 3.17979611,12.8637096 C3.17979611,12.7707791 3.14699089,12.703807 3.07678781,12.650869 C2.99833824,12.5917126 2.89023521,12.5607923 2.74823068,12.5607923 C2.61090557,12.5607923 2.5044056,12.5916531 2.4243983,12.6513063 C2.37106807,12.6910692 2.33912383,12.7385788 2.32648485,12.7989128 L2.32020389,12.8637096 L2.31842543,12.9739248 L2.3080742,13.0246617 C2.2929189,13.0683229 2.26484596,13.1055802 2.22690369,13.1362848 C2.19123111,13.1651527 2.15096982,13.1848449 2.10763134,13.1947655 L2.04050468,13.2022432 L1.32851348,13.201432 L1.27670188,13.1948643 C1.23277582,13.1848792 1.19246439,13.1649878 1.15699554,13.1362848 C1.11280664,13.1005251 1.08241973,13.055902 1.06998808,13.0051607 L1.06369534,12.9524818 L1.06393749,12.8557746 L1.07242996,12.7209412 C1.08997955,12.5797335 1.13393935,12.4455677 1.2039704,12.3192694 C1.29496951,12.155156 1.41713001,12.0116018 1.56968036,11.8891974 C1.72150283,11.7673769 1.89945766,11.6720615 2.1027988,11.603155 C2.30586747,11.5343408 2.52121242,11.5 2.74823068,11.5 Z M15,13 C15.5522847,13 16,13.4477153 16,14 C16,14.5128358 15.6139598,14.9355072 15.1166211,14.9932723 L15,15 L7,15 C6.44771525,15 6,14.5522847 6,14 C6,13.4871642 6.38604019,13.0644928 6.88337887,13.0067277 L7,13 L15,13 Z M2.7773794,5.5 C3.01061163,5.5 3.23063146,5.5337146 3.43690633,5.60133257 C3.64413053,5.66926173 3.82577219,5.7650503 3.98104183,5.88877206 C4.13710704,6.01312774 4.26121525,6.15905988 4.35251855,6.32596194 C4.4458521,6.49657529 4.49269883,6.68102126 4.49269883,6.87734324 C4.49269883,7.06676157 4.44420922,7.24780552 4.34808196,7.41850518 C4.27840068,7.54224292 4.19235414,7.65579573 4.08998064,7.75916145 L3.98216624,7.8591314 L2.70907692,8.93164706 L4.22978618,8.93317541 L4.2819717,8.93938021 C4.32589213,8.9488175 4.3664409,8.96773068 4.4024143,8.99524839 C4.44854332,9.0305346 4.48037077,9.07558051 4.49340143,9.12731154 L4.5,9.18115708 L4.49816677,9.77015236 L4.48750644,9.82162448 C4.47195889,9.86572783 4.44325396,9.90323894 4.40450989,9.93411094 C4.36826988,9.96298765 4.327482,9.98264611 4.28362146,9.99254322 L4.21571056,10 L1.26963414,9.99921332 L1.21688863,9.99265811 C1.17242832,9.98270676 1.1315541,9.9628474 1.09549011,9.93411094 C1.0503175,9.89811655 1.01919062,9.8530851 1.00645046,9.80173694 L1,9.74838397 L1.00023177,9.03667757 L1.00355503,8.98666953 C1.00929123,8.94324778 1.02217372,8.90475398 1.04484149,8.87164013 L1.07818082,8.82870401 L1.07818082,8.82870401 L1.11259372,8.79570542 L3.0410264,7.16741642 L3.07654241,7.13085815 C3.10025944,7.10314083 3.12742004,7.06517228 3.15746767,7.01728725 C3.19525076,6.95707469 3.21225554,6.90816349 3.21225554,6.87152553 C3.21225554,6.79090998 3.18100574,6.72355114 3.1131028,6.66181443 C3.04506831,6.5999581 2.94635937,6.5675501 2.81023468,6.5675501 C2.64713406,6.5675501 2.52518911,6.59993944 2.44117557,6.66093246 C2.38470254,6.70193134 2.35127551,6.74944837 2.33809157,6.80847605 L2.3315515,6.87152553 L2.32971827,6.99510388 L2.31905794,7.046576 C2.30351039,7.09067935 2.27480546,7.12819046 2.23606139,7.15906246 C2.19982138,7.18793917 2.1590335,7.20759763 2.11517296,7.21749474 L2.04726206,7.22495152 L1.32074236,7.22416484 L1.26799684,7.21760963 C1.22353654,7.20765828 1.18266232,7.18779892 1.14659833,7.15906246 C1.10142571,7.12306807 1.07029883,7.07803662 1.05755868,7.02668846 L1.05110821,6.97333549 L1.05135795,6.86928498 L1.06011863,6.73232654 C1.07821769,6.58893392 1.12354325,6.45272403 1.19572508,6.32454589 C1.28957677,6.15788712 1.41614427,6.01221295 1.57458539,5.88808592 C1.73194983,5.7648024 1.91380696,5.66924767 2.11943393,5.60141275 C2.3245881,5.53373381 2.54408196,5.5 2.7773794,5.5 Z M15,7 C15.5522847,7 16,7.44771525 16,8 C16,8.51283584 15.6139598,8.93550716 15.1166211,8.99327227 L15,9 L7,9 C6.44771525,9 6,8.55228475 6,8 C6,7.48716416 6.38604019,7.06449284 6.88337887,7.00672773 L7,7 L15,7 Z M3.23683366,0.000892565676 L3.28871073,0.00783402044 C3.33286644,0.0183677239 3.37314954,0.0392281526 3.40833624,0.0691110527 C3.45125131,0.105557407 3.4804697,0.15047096 3.49239669,0.201063483 L3.49842676,0.25344573 L3.49415385,3.42 L4.23779051,3.42095615 L4.28908093,3.4275216 C4.33270312,3.43751177 4.37269953,3.45739525 4.40784121,3.48604614 C4.45172591,3.52182516 4.48162288,3.56677356 4.49382857,3.61775241 L4.5,3.67062515 L4.498507,4.26621158 L4.48924681,4.31635115 C4.4754812,4.35970406 4.44942679,4.39750461 4.41369292,4.42911668 C4.37842528,4.46031631 4.3374287,4.48142013 4.29262358,4.49202272 L4.22279954,4.5 L1.28941458,4.49910743 L1.23753751,4.49216598 C1.1933818,4.48163228 1.1530987,4.46077185 1.117912,4.43088895 C1.07499693,4.39444259 1.04577855,4.34952904 1.03385155,4.29893652 L1.02782148,4.24655427 L1.02933048,3.65086338 L1.03870489,3.60058458 C1.05277955,3.55675636 1.07953979,3.51887873 1.11617316,3.48776722 C1.15134466,3.45789723 1.19194091,3.4377942 1.23617227,3.42771107 L1.30502194,3.42013291 L2.23738462,3.42211765 L2.23953846,1.46329412 L1.44368956,2.09185679 L1.37612125,2.12885556 C1.31383831,2.15121761 1.2470982,2.14957471 1.18010744,2.12726371 C1.08916935,2.09697716 1.02846344,2.03286164 1.0078186,1.94807494 L1,1.88081467 L1.00024153,1.29400722 L1.00681164,1.20546936 L1.0220171,1.13018676 C1.03500364,1.08276189 1.06008142,1.03856361 1.09493964,0.997770613 L1.15427346,0.939157422 L1.98428355,0.180994532 L2.02561691,0.145157104 C2.05782836,0.119624731 2.0953492,0.0943348848 2.13827642,0.0690384205 C2.19137322,0.0377491519 2.25228164,0.0174951656 2.32051982,0.00746909355 L2.42831415,0 L3.23683366,0.000892565676 Z M15,1 C15.5522847,1 16,1.44771525 16,2 C16,2.51283584 15.6139598,2.93550716 15.1166211,2.99327227 L15,3 L7,3 C6.44771525,3 6,2.55228475 6,2 C6,1.48716416 6.38604019,1.06449284 6.88337887,1.00672773 L7,1 L15,1 Z"></path></svg>',Ri='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M2,12 C3.1045695,12 4,12.8954305 4,14 C4,15.1045695 3.1045695,16 2,16 C0.8954305,16 0,15.1045695 0,14 C0,12.8954305 0.8954305,12 2,12 Z M15,13 C15.5522847,13 16,13.4477153 16,14 C16,14.5128358 15.6139598,14.9355072 15.1166211,14.9932723 L15,15 L7,15 C6.44771525,15 6,14.5522847 6,14 C6,13.4871642 6.38604019,13.0644928 6.88337887,13.0067277 L7,13 L15,13 Z M2,6 C3.1045695,6 4,6.8954305 4,8 C4,9.1045695 3.1045695,10 2,10 C0.8954305,10 0,9.1045695 0,8 C0,6.8954305 0.8954305,6 2,6 Z M15,7 C15.5522847,7 16,7.44771525 16,8 C16,8.51283584 15.6139598,8.93550716 15.1166211,8.99327227 L15,9 L7,9 C6.44771525,9 6,8.55228475 6,8 C6,7.48716416 6.38604019,7.06449284 6.88337887,7.00672773 L7,7 L15,7 Z M2,0 C3.1045695,0 4,0.8954305 4,2 C4,3.1045695 3.1045695,4 2,4 C0.8954305,4 0,3.1045695 0,2 C0,0.8954305 0.8954305,0 2,0 Z M15,1 C15.5522847,1 16,1.44771525 16,2 C16,2.51283584 15.6139598,2.93550716 15.1166211,2.99327227 L15,3 L7,3 C6.44771525,3 6,2.55228475 6,2 C6,1.48716416 6.38604019,1.06449284 6.88337887,1.00672773 L7,1 L15,1 Z"></path></svg>',$i='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M8.99302964,2.86682521 L9,3 L9,6.999 L13,7 C13.5522847,7 14,7.44771525 14,8 C14,8.51283584 13.6139598,8.93550716 13.1166211,8.99327227 L13,9 L9,9 L9,13 C9,14.2873563 7.13555291,14.3317479 7.00697036,13.1331748 L7,13 L7,9 L3,9 C2.44771525,9 2,8.55228475 2,8 C2,7.48716416 2.38604019,7.06449284 2.88337887,7.00672773 L3,7 L7,7 L7,3 C7,1.71264368 8.86444709,1.66825208 8.99302964,2.86682521 Z"></path></svg>',Oi='<?xml version="1.0" encoding="UTF-8" standalone="no"?>\n<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n    \x3c!-- Generator: Sketch 39.1 (31720) - http://www.bohemiancoding.com/sketch --\x3e\n    <defs/>\n    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n        <g fill="currentColor">\n            <g>\n                <path d="M0,8 C0,12.418278 3.581722,16 8,16 C12.418278,16 16,12.418278 16,8 C16,4.89580324 14.2154684,2.11256098 11.4682644,0.789110134 L10.6002482,2.59092808 C12.661769,3.58405472 14,5.6712248 14,8 C14,11.3137085 11.3137085,14 8,14 C4.6862915,14 2,11.3137085 2,8 C2,5.65296151 3.35941993,3.55225774 5.44569583,2.56903563 L4.59307587,0.759881355 C1.81273067,2.07020511 0,4.87140735 0,8 Z" />\n                <polygon points="7 8.58578644 7 0 9 0 9 8.58578644 10.2928932 7.29289322 11 6.58578644 12.4142136 8 11.7071068 8.70710678 8.70710678 11.7071068 8 12.4142136 7.64644661 12.0606602 7.29289322 11.7071068 4.29289322 8.70710678 3.58578644 8 5 6.58578644 5.70710678 7.29289322"/>\n            </g>\n        </g>\n    </g>\n</svg>',Wi='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M8,0 C9.68208046,0 11.3461433,0.680204408 12.7173184,1.76574326 L12.7968302,1.82941136 L13.0821869,2.07021798 L13.0821869,2.07021798 L13.3921258,2.35532672 L13.3921258,2.35532672 L13.5196418,2.4804269 L13.5196418,2.4804269 L13.6802379,2.64503003 L13.6802379,2.64503003 L13.9230383,2.91014998 L13.9230383,2.91014998 L14.2342567,3.28268159 C15.3197956,4.65385675 16,6.31791954 16,8 C16,12.0522847 12.0522847,16 8,16 C6.31791954,16 4.65385675,15.3197956 3.28268159,14.2342567 L3.22655228,14.1894621 C3.11728724,14.1015615 3.00992829,14.0110805 2.90461703,13.9181609 L2.77356586,13.8003012 L2.77356586,13.8003012 L2.60704997,13.6438799 L2.60704997,13.6438799 L2.47549501,13.5147055 L2.47549501,13.5147055 L2.3227975,13.3581572 L2.3227975,13.3581572 L2.07024759,13.082218 L2.07024759,13.082218 L1.76574326,12.7173184 C0.680204408,11.3461433 0,9.68208046 0,8 C0,3.94771525 3.94771525,0 8,0 Z M12.7649054,4.65130747 L4.65130747,12.7649054 C5.65399996,13.523368 6.83516455,14 8,14 C10.9477153,14 14,10.9477153 14,8 C14,6.83516455 13.523368,5.65399996 12.7649054,4.65130747 Z M8,2 C5.05228475,2 2,5.05228475 2,8 C2,9.1652227 2.47694891,10.3467854 3.23585116,11.3496925 L11.3496925,3.23585116 C10.3467854,2.47694891 9.1652227,2 8,2 Z"></path></svg>',Gi='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M6,7.74491582e-13 C9.3137085,7.74491582e-13 12,2.6862915 12,6 C12,7.29898246 11.5846266,8.5351264 10.8252219,9.56391425 L10.8900586,9.47439923 L15.7071068,14.2928932 C16.0976311,14.6834175 16.0976311,15.3165825 15.7071068,15.7071068 C15.3466228,16.0675907 14.7793918,16.0953203 14.3871006,15.7902954 L14.2928932,15.7071068 L9.47512648,10.8918743 L9.53331766,10.8499347 C8.52109315,11.5886903 7.29230116,12 6,12 C2.6862915,12 0,9.3137085 0,6 C0,2.6862915 2.6862915,7.74491582e-13 6,7.74491582e-13 Z M6,2 C3.790861,2 2,3.790861 2,6 C2,8.209139 3.790861,10 6,10 C6.99932461,10 7.93836334,9.63301144 8.65132683,8.99699272 L8.81176823,8.84548807 L8.96107603,8.68929627 C9.62604013,7.95767293 10,7.00931223 10,6 C10,3.790861 8.209139,2 6,2 Z"></path></svg>',Ji='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M15,9 C15.5128358,9 15.9355072,9.38604019 15.9932723,9.88337887 L16,10 L16,15 C16,15.5128358 15.6139598,15.9355072 15.1166211,15.9932723 L15,16 L1,16 C0.487164161,16 0.0644928393,15.6139598 0.00672773133,15.1166211 L0,15 L0,10 C0,9.44771525 0.44771525,9 1,9 C1.51283584,9 1.93550716,9.38604019 1.99327227,9.88337887 L2,10 L2,14 L14,14 L14,10 C14,9.48716416 14.3860402,9.06449284 14.8833789,9.00672773 L15,9 Z M8.61289944,0.209704612 L8.70710678,0.292893219 L12.7071068,4.29289322 C13.0976311,4.68341751 13.0976311,5.31658249 12.7071068,5.70710678 C12.3466228,6.06759074 11.7793918,6.09532028 11.3871006,5.79029539 L11.2928932,5.70710678 L9,3.415 L9,11 C9,11.5522847 8.55228475,12 8,12 C7.48716416,12 7.06449284,11.6139598 7.00672773,11.1166211 L7,11 L7,3.415 L4.70710678,5.70710678 C4.34662282,6.06759074 3.77939176,6.09532028 3.38710056,5.79029539 L3.29289322,5.70710678 C2.93240926,5.34662282 2.90467972,4.77939176 3.20970461,4.38710056 L3.29289322,4.29289322 L7.29289322,0.292893219 C7.62333685,-0.0375504127 8.12750547,-0.0883878944 8.51140295,0.140380774 L8.61289944,0.209704612 Z"></path></svg>',Ki='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="currentColor" stroke="none" d="M15.999 8.049c0-4.445-3.582-8.049-8-8.049S0 3.604 0 8.049C0 12.066 2.925 15.396 6.75 16v-5.624H4.717V8.049H6.75V6.276c0-2.018 1.195-3.132 3.022-3.132.875 0 1.79.157 1.79.157v1.981h-1.008c-.994 0-1.304.62-1.304 1.257v1.51h2.219l-.355 2.327H9.25V16c3.825-.604 6.75-3.934 6.75-7.951z"></path></g></svg>',Yi='<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="currentColor" stroke="none" d="M15.969 3.049c-.59.259-1.22.436-1.884.516a3.305 3.305 0 0 0 1.442-1.815c-.634.37-1.336.64-2.084.79a3.28 3.28 0 0 0-5.59 2.988 9.29 9.29 0 0 1-6.76-3.418A3.214 3.214 0 0 0 .65 3.76c0 1.14.58 2.142 1.459 2.73a3.27 3.27 0 0 1-1.485-.41v.04a3.282 3.282 0 0 0 2.63 3.218 3.33 3.33 0 0 1-1.474.057 3.291 3.291 0 0 0 3.069 2.278A6.578 6.578 0 0 1 .78 13.076c-.26 0-.52-.015-.78-.044a9.33 9.33 0 0 0 5.038 1.472c6.036 0 9.332-4.997 9.332-9.323 0-.14 0-.28-.01-.42.64-.46 1.2-1.04 1.64-1.7l-.031-.012z"></path></g></svg>',Qi=Object.freeze({
 __proto__:null,
 annotate:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="currentColor" stroke="none" d="M14 0a2 2 0 012 2v13a1 1 0 01-1.555.832l-4.262-1.757A1 1 0 009.802 14H2a2 2 0 01-2-2V2a2 2 0 012-2h12zm-2.109 3.5h-.484l-.14.006-.122.018a.684.684 0 00-.2.071l-.076.054-.108.1-.097.1-1.632 1.999-.091.12-.084.129a2.56 2.56 0 00-.291.722l-.03.142-.027.218-.009.223v2.646l.01.086.027.08a.537.537 0 00.236.236l.067.028.07.016.074.006h2.907l.074-.006.094-.024a.516.516 0 00.169-.108.525.525 0 00.082-.096l.029-.051.027-.081.01-.086V7.336l-.006-.073-.018-.068a.436.436 0 00-.124-.178.549.549 0 00-.103-.074l-.055-.026-.087-.024-.092-.009h-.579l-.057-.006-.054-.017a.307.307 0 01-.096-.07.175.175 0 01-.045-.078l-.004-.04.01-.043.022-.043 1.311-2.227.047-.09.037-.106a.492.492 0 00-.06-.394.531.531 0 00-.255-.22l-.084-.028-.092-.016-.1-.006zm-5.924 0h-.424l-.121.006-.108.018a.552.552 0 00-.174.071l-.067.054-.095.1-.084.1-1.429 1.999-.08.12-.096.174a2.798 2.798 0 00-.232.677l-.025.142-.024.218L3 7.402v2.646l.008.086.024.08a.486.486 0 00.097.148c.035.037.071.066.11.088l.058.028.062.016.065.006h2.543l.065-.006.082-.024a.513.513 0 00.22-.204l.025-.051.024-.081.008-.086V7.336l-.005-.073-.023-.09a.487.487 0 00-.191-.23l-.048-.026-.076-.024-.08-.009H5.46l-.05-.006-.047-.017a.273.273 0 01-.084-.07.182.182 0 01-.04-.078l-.003-.04.008-.043.02-.043L6.411 4.36l.04-.09.033-.106a.553.553 0 00-.053-.394.49.49 0 00-.222-.22l-.074-.028-.08-.016-.089-.006z"></path></g></svg>',
 annotateAlt:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 14H2V2h12v12zM2 3a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm12 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm0 12a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM2 15a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"></path></g></svg>',arrowDown:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9l-4 4-4-4m4 3V3v9z"></path></g></svg>',arrowLeft:Xe,arrowRight:ei,
@@ -43,11 +43,10 @@ caretLeft:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBo
 ccStdFilled:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M7.98537477,0 C10.2231597,0 12.1284395,0.781262207 13.6997141,2.34303661 C14.4517258,3.09529836 15.0234847,3.9550618 15.4139908,4.9215769 C15.8042469,5.88834201 16,6.91435804 16,8.000125 C16,9.09539212 15.806747,10.1216582 15.421491,11.0784231 C15.0357349,12.0354381 14.466476,12.8809513 13.7144643,13.6142127 C12.9337021,14.3854748 12.0479382,14.976234 11.0571728,15.3857404 C10.0669073,15.7952468 9.0428913,16 7.98587478,16 C6.92885826,16 5.91684245,15.7979968 4.95007734,15.3927405 C3.98356224,14.9882342 3.1167987,14.402475 2.35003672,13.6359631 C1.58327474,12.8694511 1.00001563,12.0049376 0.600009375,11.0429225 C0.200003125,10.0809075 0,9.06689167 0,8.000125 C0,6.94285848 0.20225316,5.9263426 0.607009485,4.95007734 C1.01176581,3.97381209 1.600025,3.10004844 2.37128705,2.32853638 C3.89506086,0.776512133 5.7663401,0 7.98537477,0 Z M5.7853404,5.5150852 C5.10882983,5.5150852 4.54932108,5.73908967 4.10656417,6.18659667 C3.66380725,6.63435366 3.44230379,7.23886311 3.44230379,8.00087501 C3.44230379,8.78163721 3.66130721,9.39114674 4.09931405,9.82915358 C4.5373209,10.2676604 5.1138299,10.4864139 5.82809106,10.4864139 C6.27584806,10.4864139 6.68560446,10.3746621 7.05661026,10.1506586 C7.37504381,9.95886989 7.63396622,9.70591696 7.8333775,9.39148493 L7.92812388,9.22914421 L6.94260848,8.72913639 C6.7518555,9.18614353 6.42335036,9.41489711 5.95659307,9.41489711 C5.60408756,9.41489711 5.3373334,9.2861451 5.15633057,9.02889108 C4.97557774,8.77163706 4.88507633,8.42913171 4.88507633,8.00062501 C4.88507633,7.05761028 5.24258192,6.58635291 5.95659307,6.58635291 C6.09959531,6.58635291 6.25434772,6.63410366 6.42110033,6.72910514 C6.55430241,6.80530633 6.67070423,6.92742824 6.77056179,7.09495886 L6.84235691,7.22911295 L7.91412366,6.67185425 C7.48536696,5.90034219 6.77610588,5.51458617 5.7853404,5.5150852 Z M10.4139127,5.5150852 C9.73765215,5.5150852 9.17814341,5.73908967 8.73563649,6.18659667 C8.29237957,6.63435366 8.07112611,7.23886311 8.07112611,8.00087501 C8.07112611,8.78163721 8.28762949,9.39114674 8.72163628,9.82915358 C9.15464304,10.2676604 9.73290208,10.4864139 10.4569134,10.4864139 C10.8949202,10.4864139 11.2996766,10.3746621 11.6711824,10.1506586 C11.9803539,9.96419736 12.237094,9.71992271 12.4406793,9.4175453 L12.5564462,9.22914421 L11.5564306,8.72913639 C11.3661776,9.18614353 11.0374225,9.41489711 10.5711652,9.41489711 C10.2181597,9.41489711 9.95165549,9.2861451 9.77090267,9.02889108 C9.59014985,8.77163706 9.49939843,8.42913171 9.49939843,8.00062501 C9.49939843,7.05761028 9.85690401,6.58635291 10.5711652,6.58635291 C10.7229175,6.58635291 10.88267,6.63410366 11.0496727,6.72910514 C11.1828747,6.80530633 11.2995966,6.92742824 11.3994541,7.09495886 L11.4711792,7.22911295 L12.5284458,6.67185425 C12.1096892,5.90034219 11.4044282,5.51458617 10.4139127,5.5150852 Z"></path></svg>',
 ccZero:yi,
 ccZeroFilled:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M7.98325,0 C10.22125,0 12.13125,0.77975 13.70325,2.34175 C14.4555,3.09425 15.027,3.953 15.4175,4.92425 C15.8075,5.8865 16,6.91425 16,8 C16,9.09575 15.8075,10.125 15.41725,11.08675 C15.0365,12.039 14.467,12.88 13.71425,13.61325 C12.933,14.385 12.0495,14.97375 11.059,15.3835 C10.06825,15.79325 9.0405,15.99975 7.98325,15.99975 C6.92575,15.99975 5.9125,15.80075 4.941,15.40025 C3.97875,14.99075 3.11275,14.40325 2.3415,13.641 C1.5795,12.87 0.99925,12.0045 0.59925,11.042 C0.19925,10.08 0,9.067 0,8 C0,6.94275 0.19925,5.92975 0.59925,4.958 C1.009,3.97675 1.598,3.09675 2.36975,2.325 C3.8935,0.7725 5.764,0 7.98325,0 Z M8,3.395 C5.58107744,3.395 4.82033452,5.48533799 4.70940247,7.46012326 L4.70087556,7.64485352 L4.6945,8 L4.70087337,8.35518364 L4.70087337,8.35518364 L4.72089438,8.7144321 C4.86646914,10.6360123 5.652,12.605 8,12.605 C10.641,12.605 11.30525,10.113 11.30525,8 C11.30525,5.88725 10.641,3.395 8,3.395 Z M9.3165,6.62175 L9.35676736,6.87076968 C9.37957986,7.03692014 9.39473958,7.20226042 9.40471875,7.36028125 L9.41611111,7.59100926 L9.42267213,8.10741209 L9.42267213,8.10741209 L9.41475695,8.47041107 L9.41475695,8.47041107 L9.39995748,8.73740123 L9.39995748,8.73740123 L9.37404324,9.01600457 L9.37404324,9.01600457 L9.33401712,9.29903864 C9.19778738,10.1004619 8.85553704,10.86875 8.0005,10.86875 C7.92916667,10.86875 7.86161111,10.86375 7.79738889,10.8536759 L7.7035,10.83475 L7.569,10.7905 C7.28976923,10.6716538 7.10597041,10.4641923 7.29524761,10.1091259 L7.3505,10.01725 L9.3165,6.62175 Z M8,5.1315 C8.10725,5.1315 8.205,5.148 8.297,5.17075 C8.46611111,5.31652778 8.55838272,5.51149074 8.44862414,5.77460185 L8.39775,5.8765 L6.63875,9.109 L6.611592,8.86531 C6.589368,8.62408 6.581022,8.39248 6.578238,8.19076 L6.57856145,7.77758895 L6.58524468,7.52944923 L6.58524468,7.52944923 L6.60004801,7.26251269 L6.60004801,7.26251269 L6.62596977,6.98396115 L6.62596977,6.98396115 L6.66600828,6.70097644 C6.80228121,5.89968896 7.14464815,5.1315 8,5.1315 Z"></path></svg>',
-check:ii,collapse:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 11l-4 4 4-4zm-3-1h4v4m9-13l-4 4 4-4zm-1 5h-4V2"></path></g></svg>',contrast:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 1C4.5 1 1 4.5 1 8s3.5 7 7 7 7-3.5 7-7-3.5-7-7-7zM7 2v12M6 2v12M4 3v10M2 5v6"></path></g></svg>',copy:_i,
-copyFilled:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M1,16 C0.487164161,16 0.0644928393,15.6139598 0.00672773133,15.1166211 L0,15 L0,5 C0,4.48716416 0.38604019,4.06449284 0.883378875,4.00672773 L1,4 L4,4 C4.55228475,4 5,4.44771525 5,5 L5,13 L9,13 C9.55228475,13 10,13.4477153 10,14 L10,15 C10,15.5128358 9.61395981,15.9355072 9.11662113,15.9932723 L9,16 L1,16 Z M15,0 C15.5128358,0 15.9355072,0.38604019 15.9932723,0.883378875 L16,1 L16,11 C16,11.5128358 15.6139598,11.9355072 15.1166211,11.9932723 L15,12 L7,12 C6.48716416,12 6.06449284,11.6139598 6.00672773,11.1166211 L6,11 L6,1 C6,0.487164161 6.38604019,0.0644928393 6.88337887,0.00672773133 L7,0 L15,0 Z"></path></svg>',edit:li,editorLatex:xi,editorQuote:ki,editorTextBold:Mi,editorTextItalic:Si,
-ellipsis:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2 9a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm6 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm6 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"></path></g></svg>',email:Bi,
-emailFilled:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M0.0310424035,3.64706271 L7.7,9.4 L7.77988338,9.44897959 C7.91852932,9.5170068 8.08147068,9.5170068 8.22011662,9.44897959 L8.3,9.4 L15.9691358,3.64806483 L15.9921737,3.82184812 L15.9921737,3.82184812 L16,4 L16,12 C16,13.0543618 15.1841222,13.9181651 14.1492623,13.9945143 L14,14 L2,14 C0.945638205,14 0.0818348781,13.1841222 0.00548573643,12.1492623 L-8.8817842e-16,12 L-8.8817842e-16,4 C-8.8817842e-16,3.87957173 0.0106439466,3.76162949 0.0310424035,3.64706271 Z M14,2 C14.6181536,2 15.1708071,2.2804391 15.5376736,2.7210303 L8,8.375 L0.462326444,2.7210303 C0.792506267,2.32449822 1.27317359,2.05768934 1.81663922,2.00829289 L2,2 L14,2 Z"></path></svg>',
-expand:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2 14l4-4-4 4zm3 1H1v-4m13-9l-4 4 4-4zm-3-1h4v4"></path></g></svg>',external:Ti,
+check:ii,collapse:_i,contrast:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 1C4.5 1 1 4.5 1 8s3.5 7 7 7 7-3.5 7-7-3.5-7-7-7zM7 2v12M6 2v12M4 3v10M2 5v6"></path></g></svg>',copy:xi,
+copyFilled:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M1,16 C0.487164161,16 0.0644928393,15.6139598 0.00672773133,15.1166211 L0,15 L0,5 C0,4.48716416 0.38604019,4.06449284 0.883378875,4.00672773 L1,4 L4,4 C4.55228475,4 5,4.44771525 5,5 L5,13 L9,13 C9.55228475,13 10,13.4477153 10,14 L10,15 C10,15.5128358 9.61395981,15.9355072 9.11662113,15.9932723 L9,16 L1,16 Z M15,0 C15.5128358,0 15.9355072,0.38604019 15.9932723,0.883378875 L16,1 L16,11 C16,11.5128358 15.6139598,11.9355072 15.1166211,11.9932723 L15,12 L7,12 C6.48716416,12 6.06449284,11.6139598 6.00672773,11.1166211 L6,11 L6,1 C6,0.487164161 6.38604019,0.0644928393 6.88337887,0.00672773133 L7,0 L15,0 Z"></path></svg>',edit:li,editorLatex:ki,editorQuote:Mi,editorTextBold:Si,editorTextItalic:Bi,
+ellipsis:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2 9a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm6 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm6 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"></path></g></svg>',email:Ti,
+emailFilled:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M0.0310424035,3.64706271 L7.7,9.4 L7.77988338,9.44897959 C7.91852932,9.5170068 8.08147068,9.5170068 8.22011662,9.44897959 L8.3,9.4 L15.9691358,3.64806483 L15.9921737,3.82184812 L15.9921737,3.82184812 L16,4 L16,12 C16,13.0543618 15.1841222,13.9181651 14.1492623,13.9945143 L14,14 L2,14 C0.945638205,14 0.0818348781,13.1841222 0.00548573643,12.1492623 L-8.8817842e-16,12 L-8.8817842e-16,4 C-8.8817842e-16,3.87957173 0.0106439466,3.76162949 0.0310424035,3.64706271 Z M14,2 C14.6181536,2 15.1708071,2.2804391 15.5376736,2.7210303 L8,8.375 L0.462326444,2.7210303 C0.792506267,2.32449822 1.27317359,2.05768934 1.81663922,2.00829289 L2,2 L14,2 Z"></path></svg>',expand:Zi,external:zi,
 fileCode:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M12.3333333,0 C12.4649846,0 12.5913236,0.0519229236 12.684928,0.144498701 L14.8515947,2.28735584 C14.9465603,2.38127786 15,2.5092914 15,2.64285714 L15,15.5 C15,15.7761424 14.7761424,16 14.5,16 L1.5,16 C1.22385763,16 1,15.7761424 1,15.5 L1,0.5 C1,0.223857625 1.22385763,0 1.5,0 L12.3333333,0 Z M11,1 L2,1 L2,15 L14,15 L14,4 L11.5,4 C11.2238576,4 11,3.77614237 11,3.5 L11,1 Z M6.53033009,5.46966991 C6.79659665,5.73593648 6.8208027,6.15260016 6.60294824,6.44621165 L6.53033009,6.53033009 L5.061,8 L6.53033009,9.46966991 C6.79659665,9.73593648 6.8208027,10.1526002 6.60294824,10.4462117 L6.53033009,10.5303301 C6.26406352,10.7965966 5.84739984,10.8208027 5.55378835,10.6029482 L5.46966991,10.5303301 L3.46966991,8.53033009 C3.20340335,8.26406352 3.1791973,7.84739984 3.39705176,7.55378835 L3.46966991,7.46966991 L5.46966991,5.46966991 C5.76256313,5.1767767 6.23743687,5.1767767 6.53033009,5.46966991 Z M10.4462117,5.39705176 L10.5303301,5.46966991 L12.5303301,7.46966991 L12.6029482,7.55378835 C12.7965966,7.81477634 12.7989874,8.17299076 12.6101204,8.4363794 L12.5303301,8.53033009 L10.5303301,10.5303301 L10.4462117,10.6029482 C10.1852237,10.7965966 9.82700924,10.7989874 9.5636206,10.6101204 L9.46966991,10.5303301 L9.39705176,10.4462117 C9.20340335,10.1852237 9.20101263,9.82700924 9.3898796,9.5636206 L9.46966991,9.46966991 L10.939,8 L9.46966991,6.53033009 L9.39705176,6.44621165 C9.1791973,6.15260016 9.20340335,5.73593648 9.46966991,5.46966991 C9.73593648,5.20340335 10.1526002,5.1791973 10.4462117,5.39705176 Z"></path></svg>',
 fileCodeFilled:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M11,0 L11,3.5 C11,3.74545989 11.1768752,3.94960837 11.4101244,3.99194433 L11.5,4 L15,4 L15,15.5 C15,15.7761424 14.7761424,16 14.5,16 L1.5,16 C1.22385763,16 1,15.7761424 1,15.5 L1,0.5 C1,0.223857625 1.22385763,0 1.5,0 L11,0 Z M6.53033009,5.46966991 C6.23743687,5.1767767 5.76256313,5.1767767 5.46966991,5.46966991 L5.46966991,5.46966991 L3.46966991,7.46966991 L3.39705176,7.55378835 C3.1791973,7.84739984 3.20340335,8.26406352 3.46966991,8.53033009 L3.46966991,8.53033009 L5.46966991,10.5303301 L5.55378835,10.6029482 C5.84739984,10.8208027 6.26406352,10.7965966 6.53033009,10.5303301 L6.53033009,10.5303301 L6.60294824,10.4462117 C6.8208027,10.1526002 6.79659665,9.73593648 6.53033009,9.46966991 L6.53033009,9.46966991 L5.061,8 L6.53033009,6.53033009 L6.60294824,6.44621165 C6.8208027,6.15260016 6.79659665,5.73593648 6.53033009,5.46966991 Z M10.4462117,5.39705176 C10.1526002,5.1791973 9.73593648,5.20340335 9.46966991,5.46966991 C9.20340335,5.73593648 9.1791973,6.15260016 9.39705176,6.44621165 L9.39705176,6.44621165 L9.46966991,6.53033009 L10.939,8 L9.46966991,9.46966991 L9.3898796,9.5636206 C9.20101263,9.82700924 9.20340335,10.1852237 9.39705176,10.4462117 L9.39705176,10.4462117 L9.46966991,10.5303301 L9.5636206,10.6101204 C9.82700924,10.7989874 10.1852237,10.7965966 10.4462117,10.6029482 L10.4462117,10.6029482 L10.5303301,10.5303301 L12.5303301,8.53033009 L12.6101204,8.4363794 C12.7989874,8.17299076 12.7965966,7.81477634 12.6029482,7.55378835 L12.6029482,7.55378835 L12.5303301,7.46966991 L10.5303301,5.46966991 Z M12.3333333,0 C12.4649846,0 12.5913236,0.0519229236 12.684928,0.144498701 L14.8515947,2.28735584 C14.9465603,2.38127786 15,2.5092914 15,2.64285714 L15,3 L12.25,3 C12.1119288,3 12,2.88807119 12,2.75 L12,0 L12.3333333,0 Z"></path></svg>',
 fileGeneric:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M12.3333333,0 C12.4649846,0 12.5913236,0.0519229236 12.684928,0.144498701 L14.8515947,2.28735584 C14.9465603,2.38127786 15,2.5092914 15,2.64285714 L15,15.5 C15,15.7761424 14.7761424,16 14.5,16 L1.5,16 C1.22385763,16 1,15.7761424 1,15.5 L1,0.5 C1,0.223857625 1.22385763,0 1.5,0 L12.3333333,0 Z M11,1 L2,1 L2,15 L14,15 L14,4 L11.5,4 C11.2238576,4 11,3.77614237 11,3.5 L11,1 Z M7.25,10.5 C7.66421356,10.5 8,10.8357864 8,11.25 C8,11.6642136 7.66421356,12 7.25,12 L4.75,12 C4.33578644,12 4,11.6642136 4,11.25 C4,10.8357864 4.33578644,10.5 4.75,10.5 L7.25,10.5 Z M11.25,7.75 C11.6642136,7.75 12,8.08578644 12,8.5 C12,8.91421356 11.6642136,9.25 11.25,9.25 L4.75,9.25 C4.33578644,9.25 4,8.91421356 4,8.5 C4,8.08578644 4.33578644,7.75 4.75,7.75 L11.25,7.75 Z M11.25,5 C11.6642136,5 12,5.33578644 12,5.75 C12,6.16421356 11.6642136,6.5 11.25,6.5 L4.75,6.5 C4.33578644,6.5 4,6.16421356 4,5.75 C4,5.33578644 4.33578644,5 4.75,5 L11.25,5 Z"></path></svg>',
@@ -56,149 +55,149 @@ fileImage:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBo
 fileImageFilled:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M11,0 L11,3.5 C11,3.74545989 11.1768752,3.94960837 11.4101244,3.99194433 L11.5,4 L15,4 L15,15.5 C15,15.7761424 14.7761424,16 14.5,16 L1.5,16 C1.22385763,16 1,15.7761424 1,15.5 L1,0.5 C1,0.223857625 1.22385763,0 1.5,0 L11,0 Z M9.54145248,5.12213937 C9.38093712,4.95928688 9.11875456,4.95928688 8.9582392,5.12213937 L8.90320872,5.19084277 L7.36454649,7.564 L9.15394288,10.0197277 C9.35398266,10.2941079 9.37780955,10.6218651 9.2742684,10.8991436 L9.22956549,11.000554 L12.5826935,11 L12.6629375,10.992329 C12.9201332,10.9421113 13.069687,10.6546415 12.9676376,10.4066397 L12.9293307,10.3336999 L9.59648295,5.19084277 L9.54145248,5.12213937 Z M6.18902068,6.81798942 C6.03380781,6.67971781 5.80018845,6.67971781 5.64497558,6.81798942 L5.58371336,6.88571429 L3.08407757,10.3142857 L3.04356266,10.3813883 C2.92032023,10.6335357 3.07083856,10.9432185 3.34087012,10.9930813 L3.41736235,11 L8.41663391,11 L8.49312613,10.9930813 C8.7631577,10.9432185 8.91367603,10.6335357 8.7904336,10.3813883 L8.74991868,10.3142857 L6.2502829,6.88571429 L6.18902068,6.81798942 Z M12.3333333,0 C12.4649846,0 12.5913236,0.0519229236 12.684928,0.144498701 L14.8515947,2.28735584 C14.9465603,2.38127786 15,2.5092914 15,2.64285714 L15,3 L12.25,3 C12.1119288,3 12,2.88807119 12,2.75 L12,0 L12.3333333,0 Z"></path></svg>',
 filePDF:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M12.3333333,0 C12.4649846,0 12.5913236,0.0519229236 12.684928,0.144498701 L14.8515947,2.28735584 C14.9465603,2.38127786 15,2.5092914 15,2.64285714 L15,15.5 C15,15.7761424 14.7761424,16 14.5,16 L1.5,16 C1.22385763,16 1,15.7761424 1,15.5 L1,0.5 C1,0.223857625 1.22385763,0 1.5,0 L12.3333333,0 Z M11,1 L2,1 L2,15 L14,15 L14,4 L11.5,4 C11.2238576,4 11,3.77614237 11,3.5 L11,1 Z M7.44899868,3 C7.72116887,3 8.49231776,3.2739726 8.53767946,4.50684932 L8.53439997,4.7114967 L8.53439997,4.7114967 L8.52112076,4.92880771 C8.48445506,5.34358194 8.37135323,5.86149163 8.03870077,6.69863014 C8.2371582,6.98401826 8.45333505,7.26940639 8.72045521,7.58823844 L9.06757852,7.98903039 C9.13021665,8.05921804 9.19542409,8.13127854 9.26346664,8.20547945 L9.3917552,8.34175228 L9.3917552,8.34175228 L9.61431103,8.59717466 C9.64904108,8.63641553 9.68306236,8.67351598 9.71708363,8.70776256 L10.0799772,8.70776256 C11.1232963,8.70776256 11.9398069,8.89041096 12.4387856,9.16438356 C13.1192111,9.57534247 13.0284877,10.260274 12.9377643,10.5342466 C12.8470409,10.7625571 12.529509,11.173516 11.8490835,11.173516 C11.7129984,11.173516 11.5315516,11.173516 11.3501048,11.0821918 C10.9018245,10.9693795 10.5458372,10.7636631 9.85144216,10.0824957 L9.53186977,9.76034228 C9.47473601,9.70142674 9.41556175,9.63980661 9.35419004,9.57534247 C8.85521135,9.62100457 8.31087096,9.71232877 7.76653057,9.80365297 C7.31291358,9.89497717 6.90465829,9.98630137 6.5417647,10.1232877 C6.46011364,10.2846271 6.38128509,10.4364282 6.3051984,10.5792728 L6.08508327,10.9815187 C6.04974147,11.0442753 6.01506497,11.1049383 5.9810437,11.1635802 L5.7846981,11.4917622 C5.7532574,11.5426112 5.72245177,11.5915846 5.69227112,11.6387553 L5.51860638,11.9007272 C5.49088534,11.9409775 5.46376912,11.9795704 5.43724765,12.0165787 L5.28517507,12.2201945 L5.28517507,12.2201945 L5.14689245,12.3892694 L5.14689245,12.3892694 L5.02191593,12.5272941 C5.00216847,12.5479046 4.98295527,12.5673668 4.96426625,12.5857534 L4.85834165,12.6837477 L4.85834165,12.6837477 L4.76451349,12.7594182 L4.76451349,12.7594182 L4.68229793,12.8162557 L4.68229793,12.8162557 L4.61121111,12.8577507 L4.61121111,12.8577507 L4.50048824,12.9086758 L4.50048824,12.9086758 L4.25666911,12.9714612 C4.18295635,12.9885845 4.1149138,13 4.04687125,13 C3.6476883,13 3.39366279,12.76621 3.23834433,12.5791781 L3.13963727,12.4520548 L3.13963727,12.4520548 L3.09240884,12.3626097 C2.96547075,12.0890129 2.86242689,11.5388128 3.54789256,10.8082192 L3.74466613,10.6154123 C3.77007533,10.5915914 3.79678638,10.5670456 3.82491931,10.5418492 L4.01173971,10.3834585 C4.38904601,10.0809436 4.96744691,9.71770078 5.90670091,9.39269406 C6.08814771,8.98173516 6.3149562,8.57077626 6.496403,8.11415525 C6.57200583,7.94672755 6.64256847,7.78437341 6.70809093,7.62878404 L6.88953772,7.18400135 L6.88953772,7.18400135 L7.04074339,6.78995434 L7.04074339,6.78995434 C6.4510413,5.83105023 6.3603179,5.10045662 6.3603179,4.27853881 C6.3603179,3.3196347 7.04074339,3 7.44899868,3 Z M5.22627543,10.6712329 C4.81348397,10.8949772 4.55628313,11.096347 4.37687761,11.2596804 L4.18295635,11.4474886 L4.18295635,11.4474886 C3.97126842,11.6605784 3.92422666,11.8184227 3.91377293,11.9210215 L3.91078615,11.9954338 L3.91078615,11.9954338 L4.00150955,12.0410959 L3.95614785,12.0410959 L3.98449892,12.0639269 C4.00150955,12.0753425 4.0241904,12.086758 4.04687125,12.086758 C4.04687125,12.1324201 4.09223295,12.1324201 4.13759465,12.086758 L4.15950435,12.080411 L4.15950435,12.080411 L4.19856077,12.0578995 L4.19856077,12.0578995 L4.25558043,12.0140183 L4.25558043,12.0140183 L4.33137983,11.9435616 L4.33137983,11.9435616 L4.42677548,11.8413242 L4.42677548,11.8413242 L4.5425839,11.7021005 L4.5425839,11.7021005 L4.67962159,11.5206849 C4.70427567,11.4866438 4.72984833,11.4506279 4.75635658,11.4125285 L4.92676914,11.1580651 L4.92676914,11.1580651 L5.12045225,10.8483961 C5.15471735,10.791895 5.18998607,10.7328767 5.22627543,10.6712329 Z M10.6243176,9.62100457 L10.8681367,9.83959073 C11.2304003,10.1524607 11.3879062,10.2222222 11.5769133,10.260274 L11.6442471,10.2674087 L11.6442471,10.2674087 L11.761904,10.2988014 C11.7782058,10.3030822 11.7923814,10.3059361 11.8037218,10.3059361 C11.9851686,10.3059361 12.075892,10.260274 12.075892,10.2146119 C12.1061331,10.1232877 12.0557312,10.0522577 12.0053293,10.0015221 L11.9398069,9.94063927 L11.9398069,9.94063927 L11.8251535,9.88433584 L11.8251535,9.88433584 L11.6890477,9.82767909 C11.6622478,9.81751579 11.6333625,9.80710309 11.6023505,9.79660725 L11.3904286,9.73396475 C11.1920099,9.68314825 10.9383601,9.63856691 10.6243176,9.62100457 Z M7.67580717,7.70319635 L7.67580717,7.74885845 L7.4334056,8.32034817 C7.40647209,8.38812785 7.38095613,8.456621 7.35827528,8.52511416 L7.2278604,8.793379 C7.18816891,8.87899543 7.15414764,8.95890411 7.13146679,9.02739726 L7.17682848,9.02739726 L7.08610509,9.07305936 L7.33559443,9.01027397 C7.4149774,8.99315068 7.49436038,8.98173516 7.58508378,8.98173516 L7.84945743,8.94035388 L7.84945743,8.94035388 L8.34418346,8.84046804 L8.34418346,8.84046804 L8.58304116,8.79908676 C8.43788372,8.6347032 8.30724202,8.47762557 8.18530978,8.32785388 L7.83983508,7.90045662 C7.78467525,7.83287671 7.73024121,7.76712329 7.67580717,7.70319635 Z M7.44899868,3.91324201 C7.35827528,3.95890411 7.31291358,4.09589041 7.31291358,4.32420091 C7.26755188,4.73515982 7.31291358,5.10045662 7.49436038,5.64840183 C7.61532491,5.28310502 7.65564642,5.01927955 7.66908692,4.81633688 L7.67555828,4.6321852 C7.67580717,4.60437454 7.67580717,4.57787925 7.67580717,4.55251142 C7.67580717,4.14155251 7.53972208,3.95890411 7.44899868,3.91324201 Z"></path></svg>',
 filePDFFilled:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M11,0 L11,3.5 C11,3.74545989 11.1768752,3.94960837 11.4101244,3.99194433 L11.5,4 L15,4 L15,15.5 C15,15.7761424 14.7761424,16 14.5,16 L1.5,16 C1.22385763,16 1,15.7761424 1,15.5 L1,0.5 C1,0.223857625 1.22385763,0 1.5,0 L11,0 Z M7.44899868,3 C7.04074339,3 6.3603179,3.3196347 6.3603179,4.27853881 C6.3603179,5.10045662 6.4510413,5.83105023 7.04074339,6.78995434 L6.88953772,7.18400135 L6.88953772,7.18400135 L6.70809093,7.62878404 C6.64256847,7.78437341 6.57200583,7.94672755 6.496403,8.11415525 C6.3149562,8.57077626 6.08814771,8.98173516 5.90670091,9.39269406 C4.96744691,9.71770078 4.38904601,10.0809436 4.01173971,10.3834585 L3.82491931,10.5418492 L3.82491931,10.5418492 L3.67222406,10.6846257 L3.67222406,10.6846257 L3.54789256,10.8082192 L3.54789256,10.8082192 C2.86242689,11.5388128 2.96547075,12.0890129 3.09240884,12.3626097 L3.13963727,12.4520548 L3.13963727,12.4520548 L3.23834433,12.5791781 C3.39366279,12.76621 3.6476883,13 4.04687125,13 C4.1149138,13 4.18295635,12.9885845 4.25666911,12.9714612 L4.50048824,12.9086758 L4.50048824,12.9086758 L4.61121111,12.8577507 L4.61121111,12.8577507 L4.68229793,12.8162557 L4.68229793,12.8162557 L4.76451349,12.7594182 L4.76451349,12.7594182 L4.85834165,12.6837477 L4.85834165,12.6837477 L4.96426625,12.5857534 L4.96426625,12.5857534 L5.08277117,12.4619449 C5.10359723,12.438965 5.12496763,12.4147641 5.14689245,12.3892694 L5.28517507,12.2201945 L5.28517507,12.2201945 L5.43724765,12.0165787 L5.43724765,12.0165787 L5.60359404,11.7749315 C5.6325348,11.7312938 5.66209047,11.6859259 5.69227112,11.6387553 L5.88093547,11.333516 C5.94637728,11.2241705 6.01439967,11.107032 6.08508327,10.9815187 L6.3051984,10.5792728 C6.38128509,10.4364282 6.46011364,10.2846271 6.5417647,10.1232877 C6.90465829,9.98630137 7.31291358,9.89497717 7.76653057,9.80365297 C8.31087096,9.71232877 8.85521135,9.62100457 9.35419004,9.57534247 L9.53186977,9.76034228 L9.53186977,9.76034228 L9.85144216,10.0824957 C10.5458372,10.7636631 10.9018245,10.9693795 11.3501048,11.0821918 C11.5315516,11.173516 11.7129984,11.173516 11.8490835,11.173516 C12.529509,11.173516 12.8470409,10.7625571 12.9377643,10.5342466 C13.0284877,10.260274 13.1192111,9.57534247 12.4387856,9.16438356 C11.9813884,8.91324201 11.2571763,8.73883815 10.3360293,8.71151488 L10.0799772,8.70776256 L9.71708363,8.70776256 L9.61431103,8.59717466 L9.61431103,8.59717466 L9.3917552,8.34175228 C9.35135493,8.29680365 9.30882834,8.25114155 9.26346664,8.20547945 L9.06757852,7.98903039 L9.06757852,7.98903039 L8.72045521,7.58823844 C8.45333505,7.26940639 8.2371582,6.98401826 8.03870077,6.69863014 C8.37135323,5.86149163 8.48445506,5.34358194 8.52112076,4.92880771 L8.53439997,4.7114967 L8.53439997,4.7114967 L8.53767946,4.50684932 L8.53767946,4.50684932 C8.49231776,3.2739726 7.72116887,3 7.44899868,3 Z M5.22627543,10.6712329 L5.02065084,11.0104566 C4.988376,11.062032 4.95708776,11.1111986 4.92676914,11.1580651 L4.75635658,11.4125285 L4.75635658,11.4125285 L4.60839805,11.616992 L4.60839805,11.616992 L4.48207706,11.776661 L4.48207706,11.776661 L4.37657709,11.8967409 L4.37657709,11.8967409 L4.29108163,11.9824372 C4.27845407,11.9941438 4.266626,12.0046347 4.25558043,12.0140183 L4.19856077,12.0578995 L4.19856077,12.0578995 L4.15950435,12.080411 L4.15950435,12.080411 L4.13759465,12.086758 L4.13759465,12.086758 C4.09223295,12.1324201 4.04687125,12.1324201 4.04687125,12.086758 C4.0241904,12.086758 4.00150955,12.0753425 3.98449892,12.0639269 L3.95614785,12.0410959 L4.00150955,12.0410959 L3.91078615,11.9954338 L3.91377293,11.9210215 C3.92422666,11.8184227 3.97126842,11.6605784 4.18295635,11.4474886 L4.37687761,11.2596804 C4.55628313,11.096347 4.81348397,10.8949772 5.22627543,10.6712329 Z M10.6243176,9.62100457 C10.9383601,9.63856691 11.1920099,9.68314825 11.3904286,9.73396475 L11.6023505,9.79660725 C11.6333625,9.80710309 11.6622478,9.81751579 11.6890477,9.82767909 L11.8750575,9.9079255 L11.8750575,9.9079255 L11.9398069,9.94063927 L11.9398069,9.94063927 L12.0053293,10.0015221 C12.0557312,10.0522577 12.1061331,10.1232877 12.075892,10.2146119 C12.075892,10.260274 11.9851686,10.3059361 11.8037218,10.3059361 L11.761904,10.2988014 L11.761904,10.2988014 L11.6442471,10.2674087 C11.622275,10.2631279 11.5995941,10.260274 11.5769133,10.260274 C11.4068069,10.2260274 11.2622165,10.1660959 10.9709093,9.92636986 L10.7530787,9.7382251 C10.7125209,9.70186454 10.6696793,9.66286149 10.6243176,9.62100457 Z M7.67580717,7.70319635 L7.83983508,7.90045662 L7.83983508,7.90045662 L8.18530978,8.32785388 C8.2462759,8.40273973 8.30941939,8.47945205 8.37546602,8.55799087 L8.58304116,8.79908676 L8.34418346,8.84046804 L7.84945743,8.94035388 C7.76369547,8.95605023 7.67580717,8.97031963 7.58508378,8.98173516 C7.49436038,8.98173516 7.4149774,8.99315068 7.33559443,9.01027397 L7.08610509,9.07305936 L7.17682848,9.02739726 L7.13146679,9.02739726 C7.15414764,8.95890411 7.18816891,8.87899543 7.2278604,8.793379 L7.35827528,8.52511416 L7.35827528,8.52511416 L7.4334056,8.32034817 L7.4334056,8.32034817 L7.67580717,7.74885845 L7.67580717,7.70319635 Z M7.44899868,3.91324201 C7.53972208,3.95890411 7.67580717,4.14155251 7.67580717,4.55251142 L7.67381599,4.71975121 C7.66684684,4.93415638 7.63548566,5.22222222 7.49436038,5.64840183 C7.31291358,5.10045662 7.26755188,4.73515982 7.31291358,4.32420091 C7.31291358,4.09589041 7.35827528,3.95890411 7.44899868,3.91324201 Z M12.3333333,0 C12.4649846,0 12.5913236,0.0519229236 12.684928,0.144498701 L14.8515947,2.28735584 C14.9465603,2.38127786 15,2.5092914 15,2.64285714 L15,3 L12.25,3 C12.1119288,3 12,2.88807119 12,2.75 L12,0 L12.3333333,0 Z"></path></svg>',
-filter:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 3h14H1zm4 10h6-6zM3 8h10H3z"></path></g></svg>',flag:Zi,flagFilled:zi,
+filter:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 3h14H1zm4 10h6-6zM3 8h10H3z"></path></g></svg>',flag:Hi,flagFilled:Ai,
 folder:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M4.5,1 C5.08477209,1 5.59138843,1.33462455 5.83881221,1.82283684 L5.89516355,1.9479849 L5.913,2 L14.5,2 C15.2309651,2 15.8398119,2.52285085 15.9729528,3.21496507 L15.9931334,3.35553999 L16,3.5 L16,13.5 C16,14.2796961 15.4051119,14.9204487 14.64446,14.9931334 L14.5,15 L1.5,15 C0.720303883,15 0.0795513218,14.4051119 0.00686657806,13.64446 L0,13.5 L0,2.5 C0,1.72030388 0.594888083,1.07955132 1.35553999,1.00686658 L1.5,1 L4.5,1 Z M15,5 L1,5 L1,13.5 C1,13.7454599 1.17687516,13.9496084 1.41012437,13.9919443 L1.5,14 L14.5,14 C14.7454599,14 14.9496084,13.8231248 14.9919443,13.5898756 L15,13.5 L15,5 Z M4.5,2 L1.5,2 C1.25454011,2 1.05039163,2.17687516 1.00805567,2.41012437 L1,2.5 L1,4 L15,4 L15,3.5 C15,3.25454011 14.8231248,3.05039163 14.5898756,3.00805567 L14.5,3 L5.5,3 C5.25454011,3 5.05039163,2.82312484 5.00805567,2.58987563 L4.99194433,2.41012437 C4.95490037,2.20603131 4.79396869,2.04509963 4.58987563,2.00805567 L4.5,2 Z"></path></svg>',
 folderFilled:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M16,5 L16,13.5 C16,14.2796961 15.4051119,14.9204487 14.64446,14.9931334 L14.5,15 L1.5,15 C0.720303883,15 0.0795513218,14.4051119 0.00686657806,13.64446 L0,13.5 L0,5 L16,5 Z M0,2.5 C0,1.72030388 0.594888083,1.07955132 1.35553999,1.00686658 L1.5,1 L4.5,1 C5.15321869,1 5.70891488,1.41754351 5.91475048,2.00029246 L14.5,2 C15.2796961,2 15.9204487,2.59488808 15.9931334,3.35553999 L16,3.5 L16,4 L0,4 L0,2.5 Z"></path></svg>',
 folderOpen:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M5.5,1 C6.08477209,1 6.59138843,1.33462455 6.83881221,1.82283684 L6.89516355,1.9479849 L6.913,2 L13.5,2 C14.2309651,2 14.8398119,2.52285085 14.9729528,3.21496507 L14.9931334,3.35553999 L15,3.5 L15.0010598,4.13322895 C15.4776831,4.34981658 15.8213063,4.81001691 15.8751588,5.36132835 L15.8825437,5.51383039 L15.8781572,5.61042101 L15,13.5 C15,14.2796961 14.4051119,14.9204487 13.64446,14.9931334 L13.5,15 L2.5,15 C1.72030388,15 1.07955132,14.4051119 1.00941616,13.6904938 L1.00305813,13.5552158 L0.126439413,5.66564729 C0.0530908166,5.00550992 0.41993647,4.39791149 0.999710191,4.1351147 L1,2.5 C1,1.72030388 1.59488808,1.07955132 2.35553999,1.00686658 L2.5,1 L5.5,1 Z M1.593,5 L1.56204925,5.00305813 C1.31809066,5.03016464 1.1347234,5.22850242 1.11840444,5.46500023 L1.12032315,5.55521576 L2,13.5 C2,13.7454599 2.17687516,13.9496084 2.41012437,13.9919443 L2.5,14 L13.5,14 C13.7454599,14 13.9496084,13.8231248 13.9940847,13.5511627 L14.0030476,13.4448794 L14.8813961,5.54147 L14.882735,5.5 C14.882735,5.25454011 14.7058598,5.05039163 14.4726106,5.00805567 L14.382735,5 L1.593,5 Z M5.5,2 L2.5,2 C2.25454011,2 2.05039163,2.17687516 2.00805567,2.41012437 L2,2.5 L2,4 L14,4 L14,3.5 C14,3.2852226 13.86458,3.10207424 13.6744662,3.03128126 L13.5898756,3.00805567 L13.5,3 L6.5,3 C6.25454011,3 6.05039163,2.82312484 6.00805567,2.58987563 L6,2.5 C6,2.25454011 5.82312484,2.05039163 5.58987563,2.00805567 L5.5,2 Z"></path></svg>',
 folderOpenFilled:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M5.5,1 C6.1335031,1 6.67528173,1.39271909 6.89516355,1.9479849 L6.913,2 L13.5,2 C14.2796961,2 14.9204487,2.59488808 14.9931334,3.35553999 L15,3.5 L15.000587,4.13275264 C15.5208051,4.36820732 15.882735,4.89183703 15.882735,5.5 L15.8804396,5.58295058 L15.8804396,5.58295058 L15.8735606,5.66564729 L15,13.5 C15,14.2796961 14.4051119,14.9204487 13.64446,14.9931334 L13.5,15 L2.5,15 C1.72030388,15 1.07955132,14.4051119 1.00941616,13.6904938 L1.00305813,13.5552158 L0.126439413,5.66564729 C0.0528213209,5.00308446 0.422638124,4.39344735 0.998935589,4.13292877 L1,2.5 C1,1.72030388 1.59488808,1.07955132 2.35553999,1.00686658 L2.5,1 L5.5,1 Z M5.5,2 L2.5,2 C2.25454011,2 2.05039163,2.17687516 2.00805567,2.41012437 L2,2.5 L1.99913273,4 L13.9991327,4 L14,3.5 C14,3.25454011 13.8231248,3.05039163 13.5898756,3.00805567 L13.5,3 L6.5,3 C6.25454011,3 6.05039163,2.82312484 6.00805567,2.58987563 L6,2.5 C6,2.25454011 5.82312484,2.05039163 5.58987563,2.00805567 L5.5,2 Z"></path></svg>',
-globe:Hi,globeAlt:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 0c1.105 0 2-3.134 2-7s-.895-7-2-7-2 3.134-2 7 .895 7 2 7zm6.272-9.61C13.127 6.049 10.748 6.501 8 6.501S2.873 6.05 1.728 5.39m12.544 5.221C13.127 9.953 10.748 9.5 8 9.5s-5.127.453-6.272 1.111"></path></g></svg>',groups:Ai,
-groupsFilled:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M4,11 C6.209139,11 8,12.790861 8,15 C8,15.5128358 7.61395981,15.9355072 7.11662113,15.9932723 L7,16 L1,16 C0.44771525,16 0,15.5522847 0,15 C0,12.790861 1.790861,11 4,11 Z M12,7 C14.209139,7 16,8.790861 16,11 C16,11.5128358 15.6139598,11.9355072 15.1166211,11.9932723 L15,12 L9,12 C8.44771525,12 8,11.5522847 8,11 C8,8.790861 9.790861,7 12,7 Z M4,4 C5.65685425,4 7,5.34314575 7,7 C7,8.65685425 5.65685425,10 4,10 C2.34314575,10 1,8.65685425 1,7 C1,5.34314575 2.34314575,4 4,4 Z M12,0 C13.6568542,0 15,1.34314575 15,3 C15,4.65685425 13.6568542,6 12,6 C10.3431458,6 9,4.65685425 9,3 C9,1.34314575 10.3431458,0 12,0 Z"></path></svg>',help:Pi,hide:Ii,
+globe:Pi,globeAlt:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 0c1.105 0 2-3.134 2-7s-.895-7-2-7-2 3.134-2 7 .895 7 2 7zm6.272-9.61C13.127 6.049 10.748 6.501 8 6.501S2.873 6.05 1.728 5.39m12.544 5.221C13.127 9.953 10.748 9.5 8 9.5s-5.127.453-6.272 1.111"></path></g></svg>',groups:Ii,
+groupsFilled:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M4,11 C6.209139,11 8,12.790861 8,15 C8,15.5128358 7.61395981,15.9355072 7.11662113,15.9932723 L7,16 L1,16 C0.44771525,16 0,15.5522847 0,15 C0,12.790861 1.790861,11 4,11 Z M12,7 C14.209139,7 16,8.790861 16,11 C16,11.5128358 15.6139598,11.9355072 15.1166211,11.9932723 L15,12 L9,12 C8.44771525,12 8,11.5522847 8,11 C8,8.790861 9.790861,7 12,7 Z M4,4 C5.65685425,4 7,5.34314575 7,7 C7,8.65685425 5.65685425,10 4,10 C2.34314575,10 1,8.65685425 1,7 C1,5.34314575 2.34314575,4 4,4 Z M12,0 C13.6568542,0 15,1.34314575 15,3 C15,4.65685425 13.6568542,6 12,6 C10.3431458,6 9,4.65685425 9,3 C9,1.34314575 10.3431458,0 12,0 Z"></path></svg>',help:Di,hide:ji,
 hideFilled:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M1.61289944,0.209704612 L1.70710678,0.292893219 L15.7071068,14.2928932 C16.0976311,14.6834175 16.0976311,15.3165825 15.7071068,15.7071068 C15.3466228,16.0675907 14.7793918,16.0953203 14.3871006,15.7902954 L14.2928932,15.7071068 L0.292893219,1.70710678 C-0.0976310729,1.31658249 -0.0976310729,0.683417511 0.292893219,0.292893219 C0.65337718,-0.0675907428 1.22060824,-0.0953202783 1.61289944,0.209704612 Z M1.57493899,4.40449804 L5.00453586,7.83361728 L5,8 L5,8 C5,9.65685425 6.34314575,11 8,11 L8.166,10.994 L10.7974423,13.6264349 C9.92342583,13.8686663 8.97989462,14 8,14 C3.64005335,14 0,11.3999619 0,8 C0,6.63325914 0.58820946,5.39578088 1.57493899,4.40449804 Z M8,2 C12.3599467,2 16,4.6000381 16,8 C16,9.36674086 15.4117905,10.6042191 14.425061,11.595502 L10.9954672,8.1663265 L11,8 L11,8 C11,6.34314575 9.65685425,5 8,5 L7.833,5.005 L5.20154887,2.37384475 C6.0758481,2.13143476 7.01972836,2 8,2 Z"></path></svg>',
-highlight:Di,image:ji,
+highlight:qi,image:Fi,
 imageFilled:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M14,0 C15.1045695,0 16,0.8954305 16,2 L16,2 L16,14 C16,15.1045695 15.1045695,16 14,16 L14,16 L2,16 C0.8954305,16 0,15.1045695 0,14 L0,14 L0,2 C0,0.8954305 0.8954305,0 2,0 L2,0 Z M9.54145248,5.12213937 C9.3608727,4.93893031 9.05162037,4.96183145 8.90320872,5.19084277 L8.90320872,5.19084277 L7.36454649,7.564 L9.15394288,10.0197277 C9.37898764,10.3284054 9.38101295,10.7046385 9.22956549,11.000554 L9.22956549,11.000554 L12.5826935,11 L12.6629375,10.992329 C12.9458527,10.9370896 13.0985213,10.594775 12.9293307,10.3336999 L12.9293307,10.3336999 L9.59648295,5.19084277 Z M6.18902068,6.81798942 C6.01163454,6.65996473 5.73183992,6.68253968 5.58371336,6.88571429 L5.58371336,6.88571429 L3.08407757,10.3142857 L3.04356266,10.3813883 C2.90911637,10.6564582 3.10046801,11 3.41736235,11 L3.41736235,11 L8.41663391,11 L8.49312613,10.9930813 C8.78770602,10.9386856 8.94005528,10.5750825 8.74991868,10.3142857 L8.74991868,10.3142857 L6.2502829,6.88571429 Z"></path></svg>',
-leave:qi,
+leave:Ei,
 leaveFilled:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M8,0 C12.0522847,0 16,3.94771525 16,8 C16,12.0522847 12.0522847,16 8,16 C3.94771525,16 0,12.0522847 0,8 C0,3.94771525 3.94771525,0 8,0 Z M6.61289944,5.20970461 C6.25329917,4.93009846 5.74670083,4.93009846 5.38710056,5.20970461 L5.38710056,5.20970461 L5.29289322,5.29289322 L5.20970461,5.38710056 C4.93009846,5.74670083 4.93009846,6.25329917 5.20970461,6.61289944 L5.20970461,6.61289944 L5.29289322,6.70710678 L6.585,8 L5.29289322,9.29289322 L5.20970461,9.38710056 C4.90467972,9.77939176 4.93240926,10.3466228 5.29289322,10.7071068 L5.29289322,10.7071068 L5.38710056,10.7902954 C5.77939176,11.0953203 6.34662282,11.0675907 6.70710678,10.7071068 L6.70710678,10.7071068 L8,9.415 L9.29289322,10.7071068 L9.38710056,10.7902954 C9.77939176,11.0953203 10.3466228,11.0675907 10.7071068,10.7071068 C11.0976311,10.3165825 11.0976311,9.68341751 10.7071068,9.29289322 L10.7071068,9.29289322 L9.415,8 L10.7071068,6.70710678 L10.7902954,6.61289944 C11.0953203,6.22060824 11.0675907,5.65337718 10.7071068,5.29289322 C10.3466228,4.93240926 9.77939176,4.90467972 9.38710056,5.20970461 L9.38710056,5.20970461 L9.29289322,5.29289322 L8,6.585 L6.70710678,5.29289322 Z"></path></svg>',
-link:Fi,listOrdered:Ei,listUnordered:Ui,list:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M15,12 C15.5522847,12 16,12.4477153 16,13 C16,13.5128358 15.6139598,13.9355072 15.1166211,13.9932723 L15,14 L1,14 C0.44771525,14 0,13.5522847 0,13 C0,12.4871642 0.38604019,12.0644928 0.883378875,12.0067277 L1,12 L15,12 Z M15,7 C15.5522847,7 16,7.44771525 16,8 C16,8.51283584 15.6139598,8.93550716 15.1166211,8.99327227 L15,9 L1,9 C0.44771525,9 0,8.55228475 0,8 C0,7.48716416 0.38604019,7.06449284 0.883378875,7.00672773 L1,7 L15,7 Z M15,2 C15.5522847,2 16,2.44771525 16,3 C16,3.51283584 15.6139598,3.93550716 15.1166211,3.99327227 L15,4 L1,4 C0.44771525,4 0,3.55228475 0,3 C0,2.48716416 0.38604019,2.06449284 0.883378875,2.00672773 L1,2 L15,2 Z"></path></svg>',
+link:Ui,listOrdered:Vi,listUnordered:Ri,list:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M15,12 C15.5522847,12 16,12.4477153 16,13 C16,13.5128358 15.6139598,13.9355072 15.1166211,13.9932723 L15,14 L1,14 C0.44771525,14 0,13.5522847 0,13 C0,12.4871642 0.38604019,12.0644928 0.883378875,12.0067277 L1,12 L15,12 Z M15,7 C15.5522847,7 16,7.44771525 16,8 C16,8.51283584 15.6139598,8.93550716 15.1166211,8.99327227 L15,9 L1,9 C0.44771525,9 0,8.55228475 0,8 C0,7.48716416 0.38604019,7.06449284 0.883378875,7.00672773 L1,7 L15,7 Z M15,2 C15.5522847,2 16,2.44771525 16,3 C16,3.51283584 15.6139598,3.93550716 15.1166211,3.99327227 L15,4 L1,4 C0.44771525,4 0,3.55228475 0,3 C0,2.48716416 0.38604019,2.06449284 0.883378875,2.00672773 L1,2 L15,2 Z"></path></svg>',
 lock:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M8,0 C10.6887547,0 12.8818181,2.12230671 12.9953805,4.78311038 L13,5 L13,7 L15,7 C15.5128358,7 15.9355072,7.38604019 15.9932723,7.88337887 L16,8 L16,15 C16,15.5128358 15.6139598,15.9355072 15.1166211,15.9932723 L15,16 L1,16 C0.487164161,16 0.0644928393,15.6139598 0.00672773133,15.1166211 L0,15 L0,8 C0,7.48716416 0.38604019,7.06449284 0.883378875,7.00672773 L1,7 L3,7 L3,5 C3,2.23857625 5.23857625,0 8,0 Z M14,9 L2,9 L2,14 L14,14 L14,9 Z M8,2 C6.40231912,2 5.09633912,3.24891996 5.00509269,4.82372721 L5,5 L5,7 L11,7 L11,5 C11,3.34314575 9.65685425,2 8,2 Z"></path></svg>',
 lockFilled:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M15,7 C15.5128358,7 15.9355072,7.38604019 15.9932723,7.88337887 L16,8 L16,15 C16,15.5128358 15.6139598,15.9355072 15.1166211,15.9932723 L15,16 L1,16 C0.487164161,16 0.0644928393,15.6139598 0.00672773133,15.1166211 L0,15 L0,8 C0,7.48716416 0.38604019,7.06449284 0.883378875,7.00672773 L1,7 L15,7 Z M8,0 C10.6887547,0 12.8818181,2.12230671 12.9953805,4.78311038 L13,5 L13,5.5 C13,5.77614237 12.7761424,6 12.5,6 L11.5,6 C11.2238576,6 11,5.77614237 11,5.5 L11,5 C11,3.34314575 9.65685425,2 8,2 C6.40231912,2 5.09633912,3.24891996 5.00509269,4.82372721 L5,5 L5,5.5 C5,5.77614237 4.77614237,6 4.5,6 L3.5,6 C3.22385763,6 3,5.77614237 3,5.5 L3,5 C3,2.23857625 5.23857625,0 8,0 Z"></path></svg>',
 logout:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M9,0 C9.55228475,0 10,0.44771525 10,1 C10,1.51283584 9.61395981,1.93550716 9.11662113,1.99327227 L9,2 L1.999,2 L1.999,14 L9,14 C9.51283584,14 9.93550716,14.3860402 9.99327227,14.8833789 L10,15 C10,15.5128358 9.61395981,15.9355072 9.11662113,15.9932723 L9,16 L1,16 C0.487164161,16 0.0644928393,15.6139598 0.00672773133,15.1166211 L-8.8817842e-16,15 L-8.8817842e-16,1 C-8.8817842e-16,0.487164161 0.38604019,0.0644928393 0.883378875,0.00672773133 L1,0 L9,0 Z M11.6128994,3.20970461 L11.7071068,3.29289322 L15.7071068,7.29289322 C16.0675907,7.65337718 16.0953203,8.22060824 15.7902954,8.61289944 L15.7071068,8.70710678 L11.7071068,12.7071068 C11.3165825,13.0976311 10.6834175,13.0976311 10.2928932,12.7071068 C9.93240926,12.3466228 9.90467972,11.7793918 10.2097046,11.3871006 L10.2928932,11.2928932 L12.585,9 L5,9 C4.44771525,9 4,8.55228475 4,8 C4,7.48716416 4.38604019,7.06449284 4.88337887,7.00672773 L5,7 L12.585,7 L10.2928932,4.70710678 C9.93240926,4.34662282 9.90467972,3.77939176 10.2097046,3.38710056 L10.2928932,3.29289322 C10.6533772,2.93240926 11.2206082,2.90467972 11.6128994,3.20970461 Z"></path></svg>',
 logo:ni,note:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M14,0 C15.0543618,0 15.9181651,0.815877791 15.9945143,1.85073766 L16,2 L16,9 C16,9.27541264 15.8865388,9.53676152 15.6894833,9.7243131 L15.6,9.8 L7.6,15.8 C7.46152306,15.9038577 7.29908616,15.9695431 7.12886893,15.9916629 L7,16 L2,16 C0.945638205,16 0.0818348781,15.1841222 0.00548573643,14.1492623 L0,14 L0,2 C0,0.945638205 0.815877791,0.0818348781 1.85073766,0.00548573643 L2,0 L14,0 Z M14,2 L2,2 L2,14 L6,14 L6,9 C6,8.48716416 6.38604019,8.06449284 6.88337887,8.00672773 L7,8 L14,8 L14,2 Z M12,10 L8,10 L8,13 L12,10 Z"></path></svg>',
-noteFilled:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M14,0 C15.0543618,0 15.9181651,0.815877791 15.9945143,1.85073766 L16,2 L16,7 C16,7.55228475 15.5522847,8 15,8 L7,8 C6.44771525,8 6,8.44771525 6,9 L6,15 C6,15.5522847 5.55228475,16 5,16 L2,16 C0.945638205,16 0.0818348781,15.1841222 0.00548573643,14.1492623 L0,14 L0,2 C0,0.945638205 0.815877791,0.0818348781 1.85073766,0.00548573643 L2,0 L14,0 Z M15.75,9 C15.8880712,9 16,9.11192881 16,9.25 L7.25,16 C7.11192881,16 7,15.8880712 7,15.75 L7,10 C7,9.44771525 7.44771525,9 8,9 L15.75,9 Z"></path></svg>',plus:Vi,
+noteFilled:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M14,0 C15.0543618,0 15.9181651,0.815877791 15.9945143,1.85073766 L16,2 L16,7 C16,7.55228475 15.5522847,8 15,8 L7,8 C6.44771525,8 6,8.44771525 6,9 L6,15 C6,15.5522847 5.55228475,16 5,16 L2,16 C0.945638205,16 0.0818348781,15.1841222 0.00548573643,14.1492623 L0,14 L0,2 C0,0.945638205 0.815877791,0.0818348781 1.85073766,0.00548573643 L2,0 L14,0 Z M15.75,9 C15.8880712,9 16,9.11192881 16,9.25 L7.25,16 C7.11192881,16 7,15.8880712 7,15.75 L7,10 C7,9.44771525 7.44771525,9 8,9 L15.75,9 Z"></path></svg>',plus:$i,
 preview:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 Z M8,2 C4.6862915,2 2,4.6862915 2,8 C2,11.3137085 4.6862915,14 8,14 C11.3137085,14 14,11.3137085 14,8 C14,4.6862915 11.3137085,2 8,2 Z M6,5 C6,4.21341129 6.8571835,3.74906551 7.50847393,4.13850094 L7.6,4.2 L11.6,7.2 C12.0977778,7.57333333 12.130963,8.29511111 11.6995556,8.7149037 L11.6,8.8 L7.6,11.8 C6.97072903,12.2719532 6.08494231,11.8648139 6.00571639,11.1101203 L6,11 L6,5 Z"></path></svg>',
 previewFilled:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 Z M7.6,4.2 C6.97072903,3.72804677 6.08494231,4.1351861 6.00571639,4.88987971 L6,5 L6,11 C6,11.7865887 6.8571835,12.2509345 7.50847393,11.8614991 L7.6,11.8 L11.6,8.8 C12.0977778,8.42666667 12.130963,7.70488889 11.6995556,7.2850963 L11.6,7.2 L7.6,4.2 Z"></path></svg>',profile:ri,
-profileFilled:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M8,9 C12.3599467,9 16,11.6000381 16,15 C16,15.5128358 15.6139598,15.9355072 15.1166211,15.9932723 L15,16 L1,16 C0.44771525,16 0,15.5522847 0,15 C0,11.6000381 3.64005335,9 8,9 Z M8,0 C10.209139,0 12,1.790861 12,4 C12,6.209139 10.209139,8 8,8 C5.790861,8 4,6.209139 4,4 C4,1.790861 5.790861,0 8,0 Z"></path></svg>',refresh:Ri,
-reply:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M7.70710678,0.292893219 C8.06759074,0.65337718 8.09532028,1.22060824 7.79029539,1.61289944 L7.70710678,1.70710678 L5.415,4 L8,4 C11.3137085,4 14,6.6862915 14,10 C14,13.3137085 11.3137085,16 8,16 C7.44771525,16 7,15.5522847 7,15 C7,14.4477153 7.44771525,14 8,14 C10.209139,14 12,12.209139 12,10 C12,7.790861 10.209139,6 8,6 L5.415,6 L7.70710678,8.29289322 C8.06759074,8.65337718 8.09532028,9.22060824 7.79029539,9.61289944 L7.70710678,9.70710678 C7.34662282,10.0675907 6.77939176,10.0953203 6.38710056,9.79029539 L6.29289322,9.70710678 L2.29289322,5.70710678 C1.93240926,5.34662282 1.90467972,4.77939176 2.20970461,4.38710056 L2.29289322,4.29289322 L6.29289322,0.292893219 C6.68341751,-0.0976310729 7.31658249,-0.0976310729 7.70710678,0.292893219 Z"></path></svg>',restricted:$i,search:Oi,
+profileFilled:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M8,9 C12.3599467,9 16,11.6000381 16,15 C16,15.5128358 15.6139598,15.9355072 15.1166211,15.9932723 L15,16 L1,16 C0.44771525,16 0,15.5522847 0,15 C0,11.6000381 3.64005335,9 8,9 Z M8,0 C10.209139,0 12,1.790861 12,4 C12,6.209139 10.209139,8 8,8 C5.790861,8 4,6.209139 4,4 C4,1.790861 5.790861,0 8,0 Z"></path></svg>',refresh:Oi,
+reply:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M7.70710678,0.292893219 C8.06759074,0.65337718 8.09532028,1.22060824 7.79029539,1.61289944 L7.70710678,1.70710678 L5.415,4 L8,4 C11.3137085,4 14,6.6862915 14,10 C14,13.3137085 11.3137085,16 8,16 C7.44771525,16 7,15.5522847 7,15 C7,14.4477153 7.44771525,14 8,14 C10.209139,14 12,12.209139 12,10 C12,7.790861 10.209139,6 8,6 L5.415,6 L7.70710678,8.29289322 C8.06759074,8.65337718 8.09532028,9.22060824 7.79029539,9.61289944 L7.70710678,9.70710678 C7.34662282,10.0675907 6.77939176,10.0953203 6.38710056,9.79029539 L6.29289322,9.70710678 L2.29289322,5.70710678 C1.93240926,5.34662282 1.90467972,4.77939176 2.20970461,4.38710056 L2.29289322,4.29289322 L6.29289322,0.292893219 C6.68341751,-0.0976310729 7.31658249,-0.0976310729 7.70710678,0.292893219 Z"></path></svg>',restricted:Wi,search:Gi,
 settings:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M13,10 C14.6568542,10 16,11.3431458 16,13 C16,14.6568542 14.6568542,16 13,16 C11.6882004,16 10.5730503,15.1580438 10.1654654,13.9850473 L10.1166211,13.9932723 L10,14 L1,14 C0.44771525,14 0,13.5522847 0,13 C0,12.4871642 0.38604019,12.0644928 0.883378875,12.0067277 L1,12 L10,12 C10.0565551,12 10.1120136,12.0046948 10.1660072,12.013716 C10.5730503,10.8419562 11.6882004,10 13,10 Z M13,12 C12.4477153,12 12,12.4477153 12,13 C12,13.5522847 12.4477153,14 13,14 C13.5522847,14 14,13.5522847 14,13 C14,12.4477153 13.5522847,12 13,12 Z M3,0 C4.31179956,0 5.42694971,0.841956184 5.83453458,2.01495267 L5.88337887,2.00672773 L6,2 L15,2 C15.5522847,2 16,2.44771525 16,3 C16,3.51283584 15.6139598,3.93550716 15.1166211,3.99327227 L15,4 L6,4 C5.94344492,4 5.88798638,3.99530518 5.83399285,3.98628401 C5.42694971,5.15804382 4.31179956,6 3,6 C1.34314575,6 0,4.65685425 0,3 C0,1.34314575 1.34314575,0 3,0 Z M3,2 C2.44771525,2 2,2.44771525 2,3 C2,3.55228475 2.44771525,4 3,4 C3.55228475,4 4,3.55228475 4,3 C4,2.44771525 3.55228475,2 3,2 Z"></path></svg>',
-share:Wi,show:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M8,2 C12.3599467,2 16,4.6000381 16,8 C16,11.3999619 12.3599467,14 8,14 C3.64005335,14 0,11.3999619 0,8 C0,4.6000381 3.64005335,2 8,2 Z M8,4 C4.62796016,4 2,5.8771144 2,8 C2,10.1228856 4.62796016,12 8,12 C11.3720398,12 14,10.1228856 14,8 C14,5.8771144 11.3720398,4 8,4 Z M8,6 C9.1045695,6 10,6.8954305 10,8 C10,9.1045695 9.1045695,10 8,10 C6.8954305,10 6,9.1045695 6,8 C6,6.8954305 6.8954305,6 8,6 Z"></path></svg>',
-showFilled:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M8,2 C12.3599467,2 16,4.6000381 16,8 C16,11.3999619 12.3599467,14 8,14 C3.64005335,14 0,11.3999619 0,8 C0,4.6000381 3.64005335,2 8,2 Z M8,5 C6.34314575,5 5,6.34314575 5,8 C5,9.65685425 6.34314575,11 8,11 C9.65685425,11 11,9.65685425 11,8 C11,6.34314575 9.65685425,5 8,5 Z"></path></svg>',socialFacebook:Gi,socialTwitter:Ji,
+share:Ji,show:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M8,2 C12.3599467,2 16,4.6000381 16,8 C16,11.3999619 12.3599467,14 8,14 C3.64005335,14 0,11.3999619 0,8 C0,4.6000381 3.64005335,2 8,2 Z M8,4 C4.62796016,4 2,5.8771144 2,8 C2,10.1228856 4.62796016,12 8,12 C11.3720398,12 14,10.1228856 14,8 C14,5.8771144 11.3720398,4 8,4 Z M8,6 C9.1045695,6 10,6.8954305 10,8 C10,9.1045695 9.1045695,10 8,10 C6.8954305,10 6,9.1045695 6,8 C6,6.8954305 6.8954305,6 8,6 Z"></path></svg>',
+showFilled:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M8,2 C12.3599467,2 16,4.6000381 16,8 C16,11.3999619 12.3599467,14 8,14 C3.64005335,14 0,11.3999619 0,8 C0,4.6000381 3.64005335,2 8,2 Z M8,5 C6.34314575,5 5,6.34314575 5,8 C5,9.65685425 6.34314575,11 8,11 C9.65685425,11 11,9.65685425 11,8 C11,6.34314575 9.65685425,5 8,5 Z"></path></svg>',socialFacebook:Ki,socialTwitter:Yi,
 sort:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M12,7 C12.5522847,7 13,7.44771525 13,8 L13,12.585 L14.2928932,11.2928932 C14.6533772,10.9324093 15.2206082,10.9046797 15.6128994,11.2097046 L15.7071068,11.2928932 C16.0675907,11.6533772 16.0953203,12.2206082 15.7902954,12.6128994 L15.7071068,12.7071068 L12.7071068,15.7071068 C12.3466228,16.0675907 11.7793918,16.0953203 11.3871006,15.7902954 L11.2928932,15.7071068 L8.29289322,12.7071068 C7.90236893,12.3165825 7.90236893,11.6834175 8.29289322,11.2928932 C8.65337718,10.9324093 9.22060824,10.9046797 9.61289944,11.2097046 L9.70710678,11.2928932 L11,12.585 L11,8 C11,7.44771525 11.4477153,7 12,7 Z M4.61289944,0.209704612 L4.70710678,0.292893219 L7.70710678,3.29289322 C8.09763107,3.68341751 8.09763107,4.31658249 7.70710678,4.70710678 C7.34662282,5.06759074 6.77939176,5.09532028 6.38710056,4.79029539 L6.29289322,4.70710678 L5,3.415 L5,8 C5,8.55228475 4.55228475,9 4,9 C3.44771525,9 3,8.55228475 3,8 L3,3.415 L1.70710678,4.70710678 C1.34662282,5.06759074 0.779391764,5.09532028 0.387100557,4.79029539 L0.292893219,4.70710678 C-0.0675907428,4.34662282 -0.0953202783,3.77939176 0.209704612,3.38710056 L0.292893219,3.29289322 L3.29289322,0.292893219 C3.65337718,-0.0675907428 4.22060824,-0.0953202783 4.61289944,0.209704612 Z"></path></svg>',
 tag:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M7,3.95905531e-13 C7.20185262,3.95905531e-13 7.39798776,0.0610543386 7.56325188,0.173711952 L7.65850461,0.247423305 L15.6585046,7.24742331 C16.0132096,7.55779017 16.0991779,8.06835747 15.880849,8.47356796 L15.8137335,8.58123819 L10.8137335,15.5812382 C10.4929736,16.030302 9.8764296,16.1291156 9.43434479,15.824813 L9.33563616,15.7474093 L0.335636161,7.74740932 C0.152646135,7.58475152 0.0367634639,7.36167496 0.00738861958,7.12138148 L0,7 L0,1 C0,0.487164161 0.38604019,0.0644928393 0.883378875,0.00672773133 L1,3.95905531e-13 L7,3.95905531e-13 Z M6.624,2 L2,2 L2,6.551 L9.833,13.513 L13.659,8.155 L6.624,2 Z M5,3 C6.1045695,3 7,3.8954305 7,5 C7,6.1045695 6.1045695,7 5,7 C3.8954305,7 3,6.1045695 3,5 C3,3.8954305 3.8954305,3 5,3 Z"></path></svg>',
 tagFilled:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M7,-2.4158453e-13 C7.20185262,-2.4158453e-13 7.39798776,0.0610543386 7.56325188,0.173711952 L7.65850461,0.247423305 L15.6585046,7.24742331 C16.0132096,7.55779017 16.0991779,8.06835747 15.880849,8.47356796 L15.8137335,8.58123819 L10.8137335,15.5812382 C10.4929736,16.030302 9.8764296,16.1291156 9.43434479,15.824813 L9.33563616,15.7474093 L0.335636161,7.74740932 C0.152646135,7.58475152 0.0367634639,7.36167496 0.00738861958,7.12138148 L0,7 L0,1 C0,0.487164161 0.38604019,0.0644928393 0.883378875,0.00672773133 L1,-2.4158453e-13 L7,-2.4158453e-13 Z M5,3 C3.8954305,3 3,3.8954305 3,5 C3,6.1045695 3.8954305,7 5,7 C6.1045695,7 7,6.1045695 7,5 C7,3.8954305 6.1045695,3 5,3 Z"></path></svg>',
 tagAltFilled:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M5,3 C7.76142375,3 10,5.23857625 10,8 C10,10.7614237 7.76142375,13 5,13 C2.23857625,13 0,10.7614237 0,8 C0,5.23857625 2.23857625,3 5,3 Z M11,3 C13.7614237,3 16,5.23857625 16,8 C16,10.7614237 13.7614237,13 11,13 C10.4477153,13 10,12.5522847 10,12 C10,11.4871642 10.3860402,11.0644928 10.8833789,11.0067277 L11,11 C12.6568542,11 14,9.65685425 14,8 C14,6.34314575 12.6568542,5 11,5 C10.4477153,5 10,4.55228475 10,4 C10,3.44771525 10.4477153,3 11,3 Z"></path></svg>',
 theme:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M8,12 C8.51283584,12 8.93550716,12.3860402 8.99327227,12.8833789 L9,13 L9,15 C9,15.5522847 8.55228475,16 8,16 C7.48716416,16 7.06449284,15.6139598 7.00672773,15.1166211 L7,15 L7,13 C7,12.4477153 7.44771525,12 8,12 Z M5.17157288,10.8284271 C5.53420257,11.1910568 5.5601047,11.7629022 5.24927924,12.1554199 L5.17157288,12.2426407 L3.75735931,13.6568542 C3.36683502,14.0473785 2.73367004,14.0473785 2.34314575,13.6568542 C1.98051605,13.2942246 1.95461393,12.7223792 2.26543939,12.3298615 L2.34314575,12.2426407 L3.75735931,10.8284271 C4.1478836,10.4379028 4.78104858,10.4379028 5.17157288,10.8284271 Z M12.1554199,10.7507208 L12.2426407,10.8284271 L13.6568542,12.2426407 C14.0473785,12.633165 14.0473785,13.26633 13.6568542,13.6568542 C13.2942246,14.0194839 12.7223792,14.0453861 12.3298615,13.7345606 L12.2426407,13.6568542 L10.8284271,12.2426407 C10.4379028,11.8521164 10.4379028,11.2189514 10.8284271,10.8284271 C11.1910568,10.4657974 11.7629022,10.4398953 12.1554199,10.7507208 Z M8,5 C9.55228475,5 11,6.44771525 11,8 C11,9.55228475 9.55228475,11 8,11 C6.44771525,11 5,9.55228475 5,8 C5,6.44771525 6.44771525,5 8,5 Z M15,7 C15.5522847,7 16,7.44771525 16,8 C16,8.51283584 15.6139598,8.93550716 15.1166211,8.99327227 L15,9 L13,9 C12.4477153,9 12,8.55228475 12,8 C12,7.48716416 12.3860402,7.06449284 12.8833789,7.00672773 L13,7 L15,7 Z M3,7 C3.55228475,7 4,7.44771525 4,8 C4,8.51283584 3.61395981,8.93550716 3.11662113,8.99327227 L3,9 L1,9 C0.44771525,9 0,8.55228475 0,8 C0,7.48716416 0.38604019,7.06449284 0.883378875,7.00672773 L1,7 L3,7 Z M13.6568542,2.34314575 C14.0194839,2.70577545 14.0453861,3.27762084 13.7345606,3.6701385 L13.6568542,3.75735931 L12.2426407,5.17157288 C11.8521164,5.56209717 11.2189514,5.56209717 10.8284271,5.17157288 C10.4657974,4.80894318 10.4398953,4.23709778 10.7507208,3.84458013 L10.8284271,3.75735931 L12.2426407,2.34314575 C12.633165,1.95262146 13.26633,1.95262146 13.6568542,2.34314575 Z M3.6701385,2.26543939 L3.75735931,2.34314575 L5.17157288,3.75735931 C5.56209717,4.1478836 5.56209717,4.78104858 5.17157288,5.17157288 C4.80894318,5.53420257 4.23709778,5.5601047 3.84458013,5.24927924 L3.75735931,5.17157288 L2.34314575,3.75735931 C1.95262146,3.36683502 1.95262146,2.73367004 2.34314575,2.34314575 C2.70577545,1.98051605 3.27762084,1.95461393 3.6701385,2.26543939 Z M8,0 C8.51283584,0 8.93550716,0.38604019 8.99327227,0.883378875 L9,1 L9,3 C9,3.55228475 8.55228475,4 8,4 C7.48716416,4 7.06449284,3.61395981 7.00672773,3.11662113 L7,3 L7,1 C7,0.44771525 7.44771525,0 8,0 Z"></path></svg>',
-trash:oi,trashFilled:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M14,4 C14.591606,4 15.0445613,4.50741385 14.9968959,5.08070942 L14.9805807,5.19611614 L12.9805807,15.1961161 C12.8948862,15.6245883 12.5428826,15.9430139 12.1176446,15.9931093 L12,16 L4,16 C3.5630424,16 3.18176682,15.7172804 3.04924818,15.3101248 L3.01941932,15.1961161 L1.01941932,5.19611614 C0.903395838,4.6159987 1.31212423,4.07232751 1.88363472,4.00663469 L2,4 L14,4 Z M15,0 C15.5522847,0 16,0.44771525 16,1 C16,1.55228475 15.5522847,2 15,2 L1,2 C0.44771525,2 0,1.55228475 0,1 C0,0.44771525 0.44771525,0 1,0 L15,0 Z"></path></svg>'}),Yi="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/IconFoundations.js";const Qi={};for(const e in Ki)Object.prototype.hasOwnProperty.call(Ki,e)&&(Qi[e]=ue(e,Ki[e]))
-;var Xi="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/LayoutFoundations.js";var el="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/FormPatterns.js";var il="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/samples.js";function ll(){return oe(s,{children:[oe("li",{children:"Alpha"},void 0,!1,{fileName:il,lineNumber:12,columnNumber:7}),oe("li",{children:"Bravo"},void 0,!1,{fileName:il,lineNumber:13,columnNumber:7}),oe("li",{children:"Charlie"},void 0,!1,{fileName:il,lineNumber:14,columnNumber:7}),oe("li",{children:"Delta"},void 0,!1,{fileName:il,lineNumber:15,columnNumber:7}),oe("li",{children:"Echo"},void 0,!1,{fileName:il,lineNumber:16,columnNumber:7}),oe("li",{children:"Foxtrot"},void 0,!1,{fileName:il,lineNumber:17,columnNumber:7}),oe("li",{children:"Golf"},void 0,!1,{fileName:il,lineNumber:18,columnNumber:7}),oe("li",{children:"Hotel"},void 0,!1,{fileName:il,lineNumber:19,
-columnNumber:7}),oe("li",{children:"India"},void 0,!1,{fileName:il,lineNumber:20,columnNumber:7}),oe("li",{children:"Juliett"},void 0,!1,{fileName:il,lineNumber:21,columnNumber:7}),oe("li",{children:"Kilo"},void 0,!1,{fileName:il,lineNumber:22,columnNumber:7}),oe("li",{children:"Lima"},void 0,!1,{fileName:il,lineNumber:23,columnNumber:7}),oe("li",{children:"Mike"},void 0,!1,{fileName:il,lineNumber:24,columnNumber:7}),oe("li",{children:"November"},void 0,!1,{fileName:il,lineNumber:25,columnNumber:7}),oe("li",{children:"Oscar"},void 0,!1,{fileName:il,lineNumber:26,columnNumber:7}),oe("li",{children:"Papa"},void 0,!1,{fileName:il,lineNumber:27,columnNumber:7}),oe("li",{children:"Quebec"},void 0,!1,{fileName:il,lineNumber:28,columnNumber:7}),oe("li",{children:"Romeo"},void 0,!1,{fileName:il,lineNumber:29,columnNumber:7}),oe("li",{children:"Sierra"},void 0,!1,{fileName:il,lineNumber:30,columnNumber:7}),oe("li",{children:"Tango"},void 0,!1,{fileName:il,lineNumber:31,columnNumber:7}),oe("li",{children:"Uniform"
-},void 0,!1,{fileName:il,lineNumber:32,columnNumber:7}),oe("li",{children:"Victor"},void 0,!1,{fileName:il,lineNumber:33,columnNumber:7}),oe("li",{children:"Whiskey"},void 0,!1,{fileName:il,lineNumber:34,columnNumber:7}),oe("li",{children:"XRay"},void 0,!1,{fileName:il,lineNumber:35,columnNumber:7}),oe("li",{children:"Yankee"},void 0,!1,{fileName:il,lineNumber:36,columnNumber:7}),oe("li",{children:"Zulu"},void 0,!1,{fileName:il,lineNumber:37,columnNumber:7})]},void 0,!0)}function nl(){return oe("tbody",{children:[oe("tr",{children:[oe("td",{children:"Alphanumeric Balloons"},void 0,!1,{fileName:il,lineNumber:46,columnNumber:9}),oe("td",{children:"Champagne Delusions"},void 0,!1,{fileName:il,lineNumber:47,columnNumber:9})]},void 0,!0,{fileName:il,lineNumber:45,columnNumber:7}),oe("tr",{children:[oe("td",{children:"Elephantine Fry-ups"},void 0,!1,{fileName:il,lineNumber:50,columnNumber:9}),oe("td",{children:"Gargantuan Hiccups"},void 0,!1,{fileName:il,lineNumber:51,columnNumber:9})]},void 0,!0,{fileName:il,
-lineNumber:49,columnNumber:7}),oe("tr",{className:"is-selected",children:[oe("td",{children:"Illicit Jugglers"},void 0,!1,{fileName:il,lineNumber:54,columnNumber:9}),oe("td",{children:"Katydid Lozenges Meringue"},void 0,!1,{fileName:il,lineNumber:55,columnNumber:9})]},void 0,!0,{fileName:il,lineNumber:53,columnNumber:7}),oe("tr",{children:[oe("td",{children:"Alphanumeric Balloons"},void 0,!1,{fileName:il,lineNumber:58,columnNumber:9}),oe("td",{children:"Champagne Delusions"},void 0,!1,{fileName:il,lineNumber:59,columnNumber:9})]},void 0,!0,{fileName:il,lineNumber:57,columnNumber:7}),oe("tr",{children:[oe("td",{children:"Elephantine Fry-ups"},void 0,!1,{fileName:il,lineNumber:62,columnNumber:9}),oe("td",{children:"Gargantuan Hiccups"},void 0,!1,{fileName:il,lineNumber:63,columnNumber:9})]},void 0,!0,{fileName:il,lineNumber:61,columnNumber:7}),oe("tr",{children:[oe("td",{children:"Illicit Jugglers"},void 0,!1,{fileName:il,lineNumber:66,columnNumber:9}),oe("td",{children:"Katydid Lozenges Moebius"},void 0,!1,{
-fileName:il,lineNumber:67,columnNumber:9})]},void 0,!0,{fileName:il,lineNumber:65,columnNumber:7}),oe("tr",{children:[oe("td",{children:"Elephantine Fry-ups"},void 0,!1,{fileName:il,lineNumber:70,columnNumber:9}),oe("td",{children:"Gargantuan Hiccups"},void 0,!1,{fileName:il,lineNumber:71,columnNumber:9})]},void 0,!0,{fileName:il,lineNumber:69,columnNumber:7}),oe("tr",{children:[oe("td",{children:"Illicit Jugglers"},void 0,!1,{fileName:il,lineNumber:74,columnNumber:9}),oe("td",{children:"Katydid Lozenges Meringue"},void 0,!1,{fileName:il,lineNumber:75,columnNumber:9})]},void 0,!0,{fileName:il,lineNumber:73,columnNumber:7}),oe("tr",{children:[oe("td",{children:"Alphanumeric Balloons"},void 0,!1,{fileName:il,lineNumber:78,columnNumber:9}),oe("td",{children:"Champagne Delusions"},void 0,!1,{fileName:il,lineNumber:79,columnNumber:9})]},void 0,!0,{fileName:il,lineNumber:77,columnNumber:7})]},void 0,!0,{fileName:il,lineNumber:44,columnNumber:5})}function rl(){return oe("p",{
+trash:oi,trashFilled:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M14,4 C14.591606,4 15.0445613,4.50741385 14.9968959,5.08070942 L14.9805807,5.19611614 L12.9805807,15.1961161 C12.8948862,15.6245883 12.5428826,15.9430139 12.1176446,15.9931093 L12,16 L4,16 C3.5630424,16 3.18176682,15.7172804 3.04924818,15.3101248 L3.01941932,15.1961161 L1.01941932,5.19611614 C0.903395838,4.6159987 1.31212423,4.07232751 1.88363472,4.00663469 L2,4 L14,4 Z M15,0 C15.5522847,0 16,0.44771525 16,1 C16,1.55228475 15.5522847,2 15,2 L1,2 C0.44771525,2 0,1.55228475 0,1 C0,0.44771525 0.44771525,0 1,0 L15,0 Z"></path></svg>'}),Xi="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/IconFoundations.js";const el={};for(const e in Qi)Object.prototype.hasOwnProperty.call(Qi,e)&&(el[e]=ue(e,Qi[e]))
+;var il="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/LayoutFoundations.js";var ll="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/FormPatterns.js";var nl="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/samples.js";function rl(){return oe(s,{children:[oe("li",{children:"Alpha"},void 0,!1,{fileName:nl,lineNumber:12,columnNumber:7}),oe("li",{children:"Bravo"},void 0,!1,{fileName:nl,lineNumber:13,columnNumber:7}),oe("li",{children:"Charlie"},void 0,!1,{fileName:nl,lineNumber:14,columnNumber:7}),oe("li",{children:"Delta"},void 0,!1,{fileName:nl,lineNumber:15,columnNumber:7}),oe("li",{children:"Echo"},void 0,!1,{fileName:nl,lineNumber:16,columnNumber:7}),oe("li",{children:"Foxtrot"},void 0,!1,{fileName:nl,lineNumber:17,columnNumber:7}),oe("li",{children:"Golf"},void 0,!1,{fileName:nl,lineNumber:18,columnNumber:7}),oe("li",{children:"Hotel"},void 0,!1,{fileName:nl,lineNumber:19,
+columnNumber:7}),oe("li",{children:"India"},void 0,!1,{fileName:nl,lineNumber:20,columnNumber:7}),oe("li",{children:"Juliett"},void 0,!1,{fileName:nl,lineNumber:21,columnNumber:7}),oe("li",{children:"Kilo"},void 0,!1,{fileName:nl,lineNumber:22,columnNumber:7}),oe("li",{children:"Lima"},void 0,!1,{fileName:nl,lineNumber:23,columnNumber:7}),oe("li",{children:"Mike"},void 0,!1,{fileName:nl,lineNumber:24,columnNumber:7}),oe("li",{children:"November"},void 0,!1,{fileName:nl,lineNumber:25,columnNumber:7}),oe("li",{children:"Oscar"},void 0,!1,{fileName:nl,lineNumber:26,columnNumber:7}),oe("li",{children:"Papa"},void 0,!1,{fileName:nl,lineNumber:27,columnNumber:7}),oe("li",{children:"Quebec"},void 0,!1,{fileName:nl,lineNumber:28,columnNumber:7}),oe("li",{children:"Romeo"},void 0,!1,{fileName:nl,lineNumber:29,columnNumber:7}),oe("li",{children:"Sierra"},void 0,!1,{fileName:nl,lineNumber:30,columnNumber:7}),oe("li",{children:"Tango"},void 0,!1,{fileName:nl,lineNumber:31,columnNumber:7}),oe("li",{children:"Uniform"
+},void 0,!1,{fileName:nl,lineNumber:32,columnNumber:7}),oe("li",{children:"Victor"},void 0,!1,{fileName:nl,lineNumber:33,columnNumber:7}),oe("li",{children:"Whiskey"},void 0,!1,{fileName:nl,lineNumber:34,columnNumber:7}),oe("li",{children:"XRay"},void 0,!1,{fileName:nl,lineNumber:35,columnNumber:7}),oe("li",{children:"Yankee"},void 0,!1,{fileName:nl,lineNumber:36,columnNumber:7}),oe("li",{children:"Zulu"},void 0,!1,{fileName:nl,lineNumber:37,columnNumber:7})]},void 0,!0)}function ol(){return oe("tbody",{children:[oe("tr",{children:[oe("td",{children:"Alphanumeric Balloons"},void 0,!1,{fileName:nl,lineNumber:46,columnNumber:9}),oe("td",{children:"Champagne Delusions"},void 0,!1,{fileName:nl,lineNumber:47,columnNumber:9})]},void 0,!0,{fileName:nl,lineNumber:45,columnNumber:7}),oe("tr",{children:[oe("td",{children:"Elephantine Fry-ups"},void 0,!1,{fileName:nl,lineNumber:50,columnNumber:9}),oe("td",{children:"Gargantuan Hiccups"},void 0,!1,{fileName:nl,lineNumber:51,columnNumber:9})]},void 0,!0,{fileName:nl,
+lineNumber:49,columnNumber:7}),oe("tr",{className:"is-selected",children:[oe("td",{children:"Illicit Jugglers"},void 0,!1,{fileName:nl,lineNumber:54,columnNumber:9}),oe("td",{children:"Katydid Lozenges Meringue"},void 0,!1,{fileName:nl,lineNumber:55,columnNumber:9})]},void 0,!0,{fileName:nl,lineNumber:53,columnNumber:7}),oe("tr",{children:[oe("td",{children:"Alphanumeric Balloons"},void 0,!1,{fileName:nl,lineNumber:58,columnNumber:9}),oe("td",{children:"Champagne Delusions"},void 0,!1,{fileName:nl,lineNumber:59,columnNumber:9})]},void 0,!0,{fileName:nl,lineNumber:57,columnNumber:7}),oe("tr",{children:[oe("td",{children:"Elephantine Fry-ups"},void 0,!1,{fileName:nl,lineNumber:62,columnNumber:9}),oe("td",{children:"Gargantuan Hiccups"},void 0,!1,{fileName:nl,lineNumber:63,columnNumber:9})]},void 0,!0,{fileName:nl,lineNumber:61,columnNumber:7}),oe("tr",{children:[oe("td",{children:"Illicit Jugglers"},void 0,!1,{fileName:nl,lineNumber:66,columnNumber:9}),oe("td",{children:"Katydid Lozenges Moebius"},void 0,!1,{
+fileName:nl,lineNumber:67,columnNumber:9})]},void 0,!0,{fileName:nl,lineNumber:65,columnNumber:7}),oe("tr",{children:[oe("td",{children:"Elephantine Fry-ups"},void 0,!1,{fileName:nl,lineNumber:70,columnNumber:9}),oe("td",{children:"Gargantuan Hiccups"},void 0,!1,{fileName:nl,lineNumber:71,columnNumber:9})]},void 0,!0,{fileName:nl,lineNumber:69,columnNumber:7}),oe("tr",{children:[oe("td",{children:"Illicit Jugglers"},void 0,!1,{fileName:nl,lineNumber:74,columnNumber:9}),oe("td",{children:"Katydid Lozenges Meringue"},void 0,!1,{fileName:nl,lineNumber:75,columnNumber:9})]},void 0,!0,{fileName:nl,lineNumber:73,columnNumber:7}),oe("tr",{children:[oe("td",{children:"Alphanumeric Balloons"},void 0,!1,{fileName:nl,lineNumber:78,columnNumber:9}),oe("td",{children:"Champagne Delusions"},void 0,!1,{fileName:nl,lineNumber:79,columnNumber:9})]},void 0,!0,{fileName:nl,lineNumber:77,columnNumber:7})]},void 0,!0,{fileName:nl,lineNumber:44,columnNumber:5})}function tl(){return oe("p",{
 children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a sapien cursus, fringilla diam posuere, varius urna. Phasellus dictum sodales dui, sed scelerisque mauris auctor et. Integer suscipit justo in erat tristique, nec feugiat augue ultrices. Sed accumsan pretium commodo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut lobortis tortor metus, sed rutrum risus ultricies non. Maecenas ultricies rutrum diam non feugiat. Nam ut ex ac enim efficitur semper. Integer sed rhoncus eros. Nulla pharetra vulputate faucibus. Vestibulum vestibulum orci non maximus aliquet. Donec id dui ac ipsum pellentesque gravida sit amet non sem. Suspendisse malesuada turpis id erat porta, nec luctus odio mollis. Sed a arcu sed sem venenatis porta. In dictum sapien ut congue facilisis. Curabitur consequat vestibulum ultricies. Vivamus rhoncus vitae sapien id volutpat. Fusce ac nisi dolor. Suspendisse ut venenatis ex. Quisque elementum libero quam, non consectetur lorem faucibus a. Sed eu orci vitae nibh sodales sodales ut at neque. Ut lobortis arcu eu lorem porttitor scelerisque. Aenean euismod est ac enim fermentum, sit amet tristique dui consequat. Phasellus vitae sapien dolor. Nulla iaculis nibh at magna convallis finibus ut vitae ipsum. Maecenas ultricies ultrices diam laoreet lacinia. Nunc commodo eu lorem a bibendum. Sed eu magna rutrum, consectetur orci sit amet, venenatis ex. Aliquam sodales nec odio ac ultricies. In sit amet congue ipsum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus accumsan justo nec maximus sollicitudin. Aenean eu urna egestas justo dignissim venenatis quis quis massa. Pellentesque convallis posuere elit, eu interdum diam placerat et. Aenean cursus vehicula nibh, in scelerisque nunc feugiat eu. Praesent eleifend ipsum eget urna dictum semper. Nullam dapibus nisl sit amet ultricies lobortis. Vestibulum a velit neque. Suspendisse tincidunt aliquet lorem et consectetur. Phasellus at libero fringilla nulla egestas aliquam. Nullam ut magna risus. Etiam consequat neque sapien, vel ultrices justo vehicula sit amet. Donec semper facilisis odio vel faucibus. Integer eget sagittis justo. Integer sed tincidunt neque. In vulputate fermentum lacus, eget sollicitudin nisi vestibulum vel. Etiam porttitor varius justo, id efficitur tellus congue a. Cras condimentum congue lectus sit amet commodo. Etiam lacus ex, efficitur volutpat enim id, malesuada posuere metus. Mauris convallis convallis arcu, sit amet placerat felis sodales ut. Duis semper a risus ac consequat. Nulla id nibh sem. Aliquam et nulla nec lectus viverra lobortis. Vivamus eros enim, lobortis nec efficitur nec, rhoncus at tortor. Aliquam aliquet bibendum ipsum eu feugiat. Duis iaculis bibendum ligula non ultricies. Curabitur cursus nulla in nisl tincidunt, eget eleifend tellus ultricies. Pellentesque eget mauris nec magna ultrices fringilla id sit amet nulla. Ut nec velit sed augue eleifend pharetra. Aliquam a posuere massa. Nunc vitae tortor ut est cursus vestibulum. In hac habitasse platea dictumst. Nulla eget orci eleifend, elementum turpis vitae, consectetur magna. In in nulla in tellus vestibulum pharetra. Curabitur at rhoncus enim, tempus congue est. Nullam consectetur lobortis nunc, vel feugiat lorem semper a. Ut tellus nulla, tempus id posuere vel, luctus et sem. Nulla nec rhoncus mi. Aenean sit amet mollis nibh. Nam ullamcorper tellus quis arcu aliquam, dignissim ultricies justo efficitur. Cras non ipsum tempor, elementum dui id, pellentesque turpis. Praesent commodo dolor in elit aliquet, sit amet pellentesque sem molestie. In pharetra nisl nec orci pellentesque, ut posuere quam faucibus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas mollis purus non erat tempor euismod. Vestibulum non leo eget magna vestibulum mattis. Aenean vitae tortor vel mauris pretium tempor. Sed viverra eros tristique, dapibus tellus a, feugiat ipsum. Pellentesque non tellus scelerisque, molestie massa vitae, fermentum ex. Quisque molestie interdum nibh a luctus. Sed aliquet risus ac varius suscipit. Proin eget leo vel lacus finibus posuere vel non nisl. In tristique ligula leo, sed molestie sem sodales nec. Phasellus sed consectetur lectus. In pretium hendrerit eros, a sagittis est faucibus ac. Etiam faucibus felis et eros commodo fringilla. Duis volutpat lobortis suscipit. Maecenas facilisis metus in lorem aliquet efficitur. Duis scelerisque eros scelerisque, rhoncus massa eget, tempor ipsum. Donec id feugiat purus, non condimentum turpis. Sed consequat lorem a odio pharetra pretium. Proin sed turpis ac sapien convallis iaculis a sit amet est. Proin lorem risus, rhoncus non metus at, fringilla commodo erat. Sed quis elit vitae leo ullamcorper interdum non nec ipsum. Etiam ullamcorper lorem ac velit condimentum, eget porttitor odio mollis. Maecenas semper, urna eu cursus placerat, enim neque aliquam orci, ut elementum justo ex id justo. Nunc malesuada egestas dui at vestibulum."
-},void 0,!1,{fileName:il,lineNumber:92,columnNumber:5})}var ol="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/ContainerPatterns.js";var tl="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/LinkPatterns.js";var ml="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/PanelPatterns.js";var ul="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/SpinnerPatterns.js";var al="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/TablePatterns.js";var cl="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/ThumbnailPatterns.js";var dl="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/ButtonComponents.js";var sl="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/ContainerComponents.js"
-;var Nl="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/DialogComponents.js";function hl(){const[e,i]=W(!1),l={current:null},n=[oe(se,{onClick:()=>alert("You chose maybe"),children:"Maybe"},"maybe",!1,{fileName:Nl,lineNumber:24,columnNumber:5}),oe(se,{onClick:()=>alert("You chose yep"),variant:"primary",children:"Do it!"},"yep",!1,{fileName:Nl,lineNumber:27,columnNumber:5})];return e?oe(Be,{buttons:n,icon:"edit",initialFocus:l,onCancel:()=>i(!1),title:"This is a Dialog",children:[oe("p",{children:["This is a ",oe("code",{children:"Dialog"},void 0,!1,{fileName:Nl,lineNumber:55,columnNumber:21}),", with initial focus on a"," ",oe("code",{children:"TextInputWithButton"},void 0,!1,{fileName:Nl,lineNumber:56,columnNumber:11})," component input."]},void 0,!0,{fileName:Nl,lineNumber:54,columnNumber:9}),oe(Ke,{children:[oe(Je,{name:"my-input",inputRef:l},void 0,!1,{fileName:Nl,lineNumber:59,columnNumber:11}),oe(de,{icon:"arrow-right",variant:"dark",title:"go"},void 0,!1,{
-fileName:Nl,lineNumber:60,columnNumber:11})]},void 0,!0,{fileName:Nl,lineNumber:58,columnNumber:9})]},void 0,!0,{fileName:Nl,lineNumber:47,columnNumber:7}):oe(se,{onClick:()=>i(!e),variant:"primary",children:"Show Dialog Example"},void 0,!1,{fileName:Nl,lineNumber:38,columnNumber:7})}function bl(){const[e,i]=W(!1);return e?oe(Be,{icon:"edit",onCancel:()=>i(!1),title:"Dialog: No cancel button",withCancelButton:!1,children:oe("p",{children:"This is a Dialog that has a close button but no Cancel button."},void 0,!1,{fileName:Nl,lineNumber:87,columnNumber:9})},void 0,!1,{fileName:Nl,lineNumber:81,columnNumber:7}):oe(se,{onClick:()=>i(!e),variant:"primary",children:"Show Dialog Example"},void 0,!1,{fileName:Nl,lineNumber:72,columnNumber:7})}function fl(){const[e,i]=W(!1);return e?oe(Be,{icon:"edit",onCancel:()=>i(!1),title:"Dialog: no close button",withCloseButton:!1,children:oe("p",{children:"This is a Dialog that has a Cancel button but no close button."},void 0,!1,{fileName:Nl,lineNumber:113,columnNumber:9})
-},void 0,!1,{fileName:Nl,lineNumber:107,columnNumber:7}):oe(se,{onClick:()=>i(!e),variant:"primary",children:"Show Dialog Example"},void 0,!1,{fileName:Nl,lineNumber:98,columnNumber:7})}function vl(){const[e,i]=W(!1),l={current:null},n=[oe(se,{onClick:()=>alert("You chose Save"),variant:"primary",children:"Save"},"yep",!1,{fileName:Nl,lineNumber:124,columnNumber:5})];return e?oe(Pe,{buttons:n,initialFocus:l,onCancel:()=>i(!1),title:"Sample Modal",children:[oe("p",{children:["This is a ",oe("code",{children:"Modal"},void 0,!1,{fileName:Nl,lineNumber:151,columnNumber:21}),", with initial focus on a"," ",oe("code",{children:"TextInputWithButton"},void 0,!1,{fileName:Nl,lineNumber:152,columnNumber:11})," component input."]},void 0,!0,{fileName:Nl,lineNumber:150,columnNumber:9}),oe(Ke,{children:[oe(Je,{name:"my-input",inputRef:l},void 0,!1,{fileName:Nl,lineNumber:155,columnNumber:11}),oe(de,{icon:"arrow-right",variant:"dark",title:"go"},void 0,!1,{fileName:Nl,lineNumber:156,columnNumber:11})]},void 0,!0,{
-fileName:Nl,lineNumber:154,columnNumber:9})]},void 0,!0,{fileName:Nl,lineNumber:144,columnNumber:7}):oe(se,{onClick:()=>i(!e),variant:"primary",children:"Show Modal Example"},void 0,!1,{fileName:Nl,lineNumber:135,columnNumber:7})}function pl(){const[e,i]=W(!1),l=[oe(se,{onClick:()=>alert("You chose Save"),variant:"primary",children:"Save"},"yep",!1,{fileName:Nl,lineNumber:167,columnNumber:5})];return e?oe(Pe,{buttons:l,onCancel:()=>i(!1),title:"Modal with overflowing content",children:oe(ye,{classes:"px-4 py-2",children:oe(rl,{},void 0,!1,{fileName:Nl,lineNumber:193,columnNumber:11})},void 0,!1,{fileName:Nl,lineNumber:192,columnNumber:9})},void 0,!1,{fileName:Nl,lineNumber:187,columnNumber:7}):oe(se,{onClick:()=>i(!e),variant:"primary",children:"Show Long Modal"},void 0,!1,{fileName:Nl,lineNumber:178,columnNumber:7})}function gl(){const[e,i]=W(!1);return e?oe(Ie,{confirmAction:"OK",message:"Are you sure you want to take out a second mortgage?",onCancel:()=>i(!1),onConfirm:()=>alert("ok"),title:"Confirm this"
-},void 0,!1,{fileName:Nl,lineNumber:214,columnNumber:7}):oe(se,{onClick:()=>i(!e),variant:"primary",children:"Show ConfirmModal Example"},void 0,!1,{fileName:Nl,lineNumber:205,columnNumber:7})}var Ll="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/FormComponents.js";var Cl="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/LinkComponents.js";var wl="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/PanelComponents.js";var yl="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/SpinnerComponents.js";var _l="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/TableComponents.js";const xl=e=>oe(s,{children:[oe("td",{children:e.displayName},void 0,!1,{fileName:_l,lineNumber:11,columnNumber:5}),oe("td",{children:e.updated},void 0,!1,{fileName:_l,lineNumber:12,columnNumber:5})]},void 0,!0),{tableHeaders:kl,items:Ml}={
-tableHeaders:[{label:"Name"},{label:"Last modified"}],items:[{displayName:"Persnickety.pdf",updated:"Jul 28, 2021"},{displayName:"Albumen.pdf",updated:"Jul 20, 2021"},{displayName:"Yams-and-sauce.pdf",updated:"Aug 04, 2021"},{displayName:"Coneflowers-and-their-allies.pdf",updated:"Aug 01, 2021"},{displayName:"Dollars-and-sense.pdf",updated:"Aug 22, 2021"},{displayName:"Mendicant Friars.PDF",updated:"Jul 20, 2021"},{displayName:"Paleogeography.pdf",updated:"Aug 04, 2021"},{displayName:"Foregone conclusions.pdf",updated:"Aug 01, 2021"},{displayName:"Forklifts-and-bananas.pdf",updated:"Aug 01, 2021"},{displayName:"Coracles.pdf",updated:"Aug 05, 2021"}]};function Sl(){const[e,i]=W(!1),[l,n]=W(null);return oe(si,{title:"Basic Table",variant:"wide",children:[oe("p",{children:["A ",oe("code",{children:"Table"},void 0,!1,{fileName:_l,lineNumber:34,columnNumber:11
-})," will fill available space if none of its ancestors apply any constraints on height or width. It will fill 100% of its available space horizontally, and take up all the vertical space it needs. In this case, it will change vertical size during loading."]},void 0,!0,{fileName:_l,lineNumber:33,columnNumber:7}),oe(Ni,{children:[oe("div",{className:"p-5",children:oe(se,{onClick:()=>i(!e),children:"Toggle Loading"},void 0,!1,{fileName:_l,lineNumber:41,columnNumber:11})},void 0,!1,{fileName:_l,lineNumber:40,columnNumber:9}),oe(We,{accessibleLabel:"File list",isLoading:e,items:Ml,selectedItem:l,onSelectItem:e=>n(e),onUseItem:e=>alert(`Selected ${e.displayName}`),renderItem:e=>xl(e),tableHeaders:kl},void 0,!1,{fileName:_l,lineNumber:45,columnNumber:9})]},void 0,!0,{fileName:_l,lineNumber:39,columnNumber:7})]},void 0,!0,{fileName:_l,lineNumber:32,columnNumber:5})}function Bl(){const[e,i]=W(!1),[l,n]=W(Ml[Ml.length-1]);return oe(si,{title:"Constrained Table",variant:"wide",children:[oe("p",{children:[oe("code",{
-children:"Tables"},void 0,!1,{fileName:_l,lineNumber:69,columnNumber:9})," render inside of a ",oe("code",{children:"Scrollbox"},void 0,!1,{fileName:_l,lineNumber:69,columnNumber:48})," container component, which gives the table a scroll context and allows it to scroll if it overflows. Apply height/width constraints to an appropriate parent elements to enable this. Height will not change when loading."]},void 0,!0,{fileName:_l,lineNumber:68,columnNumber:7}),oe("p",{children:["In this example, the last item in the table is pre-selected. Also in this example: an additional style is added to the first ",oe("code",{children:"td"},void 0,!1,{fileName:_l,lineNumber:76,columnNumber:65})," ","in each row to make its foreground color different (NB: the example here would not meet ARIA contrast requirements). This demonstrates style extension/override."]},void 0,!0,{fileName:_l,lineNumber:74,columnNumber:7}),oe(Ni,{withSource:!0,children:[oe("div",{className:"p-5",children:oe(se,{onClick:()=>i(!e),
-children:"Toggle Loading"},void 0,!1,{fileName:_l,lineNumber:83,columnNumber:11})},void 0,!1,{fileName:_l,lineNumber:82,columnNumber:9}),oe("div",{className:"flex flex-col p-3",style:"max-height:300px;height:300px;",children:oe(We,{accessibleLabel:"File list",isLoading:e,items:e?[]:Ml,selectedItem:l,onSelectItem:e=>n(e),onUseItem:e=>alert(`Selected ${e.displayName}`),renderItem:e=>(e=>oe(s,{children:[oe("td",{className:"text-grey-6",children:e.displayName},void 0,!1,{fileName:_l,lineNumber:18,columnNumber:5}),oe("td",{children:e.updated},void 0,!1,{fileName:_l,lineNumber:19,columnNumber:5})]},void 0,!0))(e),tableHeaders:kl},void 0,!1,{fileName:_l,lineNumber:91,columnNumber:11})},void 0,!1,{fileName:_l,lineNumber:87,columnNumber:9})]},void 0,!0,{fileName:_l,lineNumber:81,columnNumber:7})]},void 0,!0,{fileName:_l,lineNumber:67,columnNumber:5})}function Tl(){const[e,i]=W(!1),l=[],[n,r]=W(l[l.length-1]),o=oe("p",{children:["There are no files available to show."," ",oe("a",{href:"https://www.example.com",
-children:"Learn more."},void 0,!1,{fileName:_l,lineNumber:117,columnNumber:7})]},void 0,!0,{fileName:_l,lineNumber:115,columnNumber:5});return oe(si,{title:"Constrained Table",variant:"wide",children:[oe("p",{children:["This Table has no items (it is empty). When not in loading state, the provided ",oe("code",{children:"emptyItemsMessage"},void 0,!1,{fileName:_l,lineNumber:125,columnNumber:18})," will render centered in the table."]},void 0,!0,{fileName:_l,lineNumber:123,columnNumber:7}),oe(Ni,{withSource:!0,children:[oe("div",{className:"p-5",children:oe(se,{onClick:()=>i(!e),children:"Toggle Loading"},void 0,!1,{fileName:_l,lineNumber:130,columnNumber:11})},void 0,!1,{fileName:_l,lineNumber:129,columnNumber:9}),oe(We,{accessibleLabel:"File list",emptyItemsMessage:o,isLoading:e,items:l,selectedItem:n,onSelectItem:e=>r(e),onUseItem:e=>alert(`Selected ${e.displayName}`),renderItem:e=>xl(e),tableHeaders:kl},void 0,!1,{fileName:_l,lineNumber:135,columnNumber:9})]},void 0,!0,{fileName:_l,lineNumber:128,
-columnNumber:7})]},void 0,!0,{fileName:_l,lineNumber:122,columnNumber:5})}var Zl="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/ThumbnailComponents.js";const zl=[{route:/^\/?$/,title:"Home",component:function(){return oe(ci,{title:"Pattern Library",children:[oe("p",{children:"This pattern library demonstrates foundations, patterns and components that can be used in Hypothesis front-end applications."},void 0,!1,{fileName:hi,lineNumber:7,columnNumber:7}),oe("h2",{children:"Foundations"},void 0,!1,{fileName:hi,lineNumber:12,columnNumber:7}),oe("p",{children:[oe("strong",{children:"Foundations"},void 0,!1,{fileName:hi,lineNumber:15,columnNumber:9})," are the core design system elements—colors, spacing systems, typography—that define the underlying design fundamentals in Hypothesis UI."]},void 0,!0,{fileName:hi,lineNumber:14,columnNumber:7}),oe("p",{children:"They exist independently of implementation."},void 0,!1,{fileName:hi,lineNumber:20,columnNumber:7}),oe("h2",{
+},void 0,!1,{fileName:nl,lineNumber:92,columnNumber:5})}var ml="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/ContainerPatterns.js";var ul="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/LinkPatterns.js";var al="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/PanelPatterns.js";var cl="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/SpinnerPatterns.js";var dl="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/TablePatterns.js";var sl="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/ThumbnailPatterns.js";var Nl="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/ButtonComponents.js";var hl="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/ContainerComponents.js"
+;var bl="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/DialogComponents.js";function fl(){const[e,i]=W(!1),l={current:null},n=[oe(se,{onClick:()=>alert("You chose maybe"),children:"Maybe"},"maybe",!1,{fileName:bl,lineNumber:24,columnNumber:5}),oe(se,{onClick:()=>alert("You chose yep"),variant:"primary",children:"Do it!"},"yep",!1,{fileName:bl,lineNumber:27,columnNumber:5})];return e?oe(Be,{buttons:n,icon:"edit",initialFocus:l,onCancel:()=>i(!1),title:"This is a Dialog",children:[oe("p",{children:["This is a ",oe("code",{children:"Dialog"},void 0,!1,{fileName:bl,lineNumber:55,columnNumber:21}),", with initial focus on a"," ",oe("code",{children:"TextInputWithButton"},void 0,!1,{fileName:bl,lineNumber:56,columnNumber:11})," component input."]},void 0,!0,{fileName:bl,lineNumber:54,columnNumber:9}),oe(Ke,{children:[oe(Je,{name:"my-input",inputRef:l},void 0,!1,{fileName:bl,lineNumber:59,columnNumber:11}),oe(de,{icon:"arrow-right",variant:"dark",title:"go"},void 0,!1,{
+fileName:bl,lineNumber:60,columnNumber:11})]},void 0,!0,{fileName:bl,lineNumber:58,columnNumber:9})]},void 0,!0,{fileName:bl,lineNumber:47,columnNumber:7}):oe(se,{onClick:()=>i(!e),variant:"primary",children:"Show Dialog Example"},void 0,!1,{fileName:bl,lineNumber:38,columnNumber:7})}function vl(){const[e,i]=W(!1);return e?oe(Be,{icon:"edit",onCancel:()=>i(!1),title:"Dialog: No cancel button",withCancelButton:!1,children:oe("p",{children:"This is a Dialog that has a close button but no Cancel button."},void 0,!1,{fileName:bl,lineNumber:87,columnNumber:9})},void 0,!1,{fileName:bl,lineNumber:81,columnNumber:7}):oe(se,{onClick:()=>i(!e),variant:"primary",children:"Show Dialog Example"},void 0,!1,{fileName:bl,lineNumber:72,columnNumber:7})}function pl(){const[e,i]=W(!1);return e?oe(Be,{icon:"edit",onCancel:()=>i(!1),title:"Dialog: no close button",withCloseButton:!1,children:oe("p",{children:"This is a Dialog that has a Cancel button but no close button."},void 0,!1,{fileName:bl,lineNumber:113,columnNumber:9})
+},void 0,!1,{fileName:bl,lineNumber:107,columnNumber:7}):oe(se,{onClick:()=>i(!e),variant:"primary",children:"Show Dialog Example"},void 0,!1,{fileName:bl,lineNumber:98,columnNumber:7})}function gl(){const[e,i]=W(!1),l={current:null},n=[oe(se,{onClick:()=>alert("You chose Save"),variant:"primary",children:"Save"},"yep",!1,{fileName:bl,lineNumber:124,columnNumber:5})];return e?oe(Pe,{buttons:n,initialFocus:l,onCancel:()=>i(!1),title:"Sample Modal",children:[oe("p",{children:["This is a ",oe("code",{children:"Modal"},void 0,!1,{fileName:bl,lineNumber:151,columnNumber:21}),", with initial focus on a"," ",oe("code",{children:"TextInputWithButton"},void 0,!1,{fileName:bl,lineNumber:152,columnNumber:11})," component input."]},void 0,!0,{fileName:bl,lineNumber:150,columnNumber:9}),oe(Ke,{children:[oe(Je,{name:"my-input",inputRef:l},void 0,!1,{fileName:bl,lineNumber:155,columnNumber:11}),oe(de,{icon:"arrow-right",variant:"dark",title:"go"},void 0,!1,{fileName:bl,lineNumber:156,columnNumber:11})]},void 0,!0,{
+fileName:bl,lineNumber:154,columnNumber:9})]},void 0,!0,{fileName:bl,lineNumber:144,columnNumber:7}):oe(se,{onClick:()=>i(!e),variant:"primary",children:"Show Modal Example"},void 0,!1,{fileName:bl,lineNumber:135,columnNumber:7})}function Ll(){const[e,i]=W(!1),l=[oe(se,{onClick:()=>alert("You chose Save"),variant:"primary",children:"Save"},"yep",!1,{fileName:bl,lineNumber:167,columnNumber:5})];return e?oe(Pe,{buttons:l,onCancel:()=>i(!1),title:"Modal with overflowing content",children:oe(ye,{classes:"px-4 py-2",children:oe(tl,{},void 0,!1,{fileName:bl,lineNumber:193,columnNumber:11})},void 0,!1,{fileName:bl,lineNumber:192,columnNumber:9})},void 0,!1,{fileName:bl,lineNumber:187,columnNumber:7}):oe(se,{onClick:()=>i(!e),variant:"primary",children:"Show Long Modal"},void 0,!1,{fileName:bl,lineNumber:178,columnNumber:7})}function Cl(){const[e,i]=W(!1);return e?oe(Ie,{confirmAction:"OK",message:"Are you sure you want to take out a second mortgage?",onCancel:()=>i(!1),onConfirm:()=>alert("ok"),title:"Confirm this"
+},void 0,!1,{fileName:bl,lineNumber:214,columnNumber:7}):oe(se,{onClick:()=>i(!e),variant:"primary",children:"Show ConfirmModal Example"},void 0,!1,{fileName:bl,lineNumber:205,columnNumber:7})}var wl="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/FormComponents.js";var yl="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/LinkComponents.js";var _l="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/PanelComponents.js";var xl="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/SpinnerComponents.js";var kl="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/TableComponents.js";const Ml=e=>oe(s,{children:[oe("td",{children:e.displayName},void 0,!1,{fileName:kl,lineNumber:11,columnNumber:5}),oe("td",{children:e.updated},void 0,!1,{fileName:kl,lineNumber:12,columnNumber:5})]},void 0,!0),{tableHeaders:Sl,items:Bl}={
+tableHeaders:[{label:"Name"},{label:"Last modified"}],items:[{displayName:"Persnickety.pdf",updated:"Jul 28, 2021"},{displayName:"Albumen.pdf",updated:"Jul 20, 2021"},{displayName:"Yams-and-sauce.pdf",updated:"Aug 04, 2021"},{displayName:"Coneflowers-and-their-allies.pdf",updated:"Aug 01, 2021"},{displayName:"Dollars-and-sense.pdf",updated:"Aug 22, 2021"},{displayName:"Mendicant Friars.PDF",updated:"Jul 20, 2021"},{displayName:"Paleogeography.pdf",updated:"Aug 04, 2021"},{displayName:"Foregone conclusions.pdf",updated:"Aug 01, 2021"},{displayName:"Forklifts-and-bananas.pdf",updated:"Aug 01, 2021"},{displayName:"Coracles.pdf",updated:"Aug 05, 2021"}]};function Tl(){const[e,i]=W(!1),[l,n]=W(null);return oe(si,{title:"Basic Table",variant:"wide",children:[oe("p",{children:["A ",oe("code",{children:"Table"},void 0,!1,{fileName:kl,lineNumber:34,columnNumber:11
+})," will fill available space if none of its ancestors apply any constraints on height or width. It will fill 100% of its available space horizontally, and take up all the vertical space it needs. In this case, it will change vertical size during loading."]},void 0,!0,{fileName:kl,lineNumber:33,columnNumber:7}),oe(Ni,{children:[oe("div",{className:"p-5",children:oe(se,{onClick:()=>i(!e),children:"Toggle Loading"},void 0,!1,{fileName:kl,lineNumber:41,columnNumber:11})},void 0,!1,{fileName:kl,lineNumber:40,columnNumber:9}),oe(We,{accessibleLabel:"File list",isLoading:e,items:Bl,selectedItem:l,onSelectItem:e=>n(e),onUseItem:e=>alert(`Selected ${e.displayName}`),renderItem:e=>Ml(e),tableHeaders:Sl},void 0,!1,{fileName:kl,lineNumber:45,columnNumber:9})]},void 0,!0,{fileName:kl,lineNumber:39,columnNumber:7})]},void 0,!0,{fileName:kl,lineNumber:32,columnNumber:5})}function Zl(){const[e,i]=W(!1),[l,n]=W(Bl[Bl.length-1]);return oe(si,{title:"Constrained Table",variant:"wide",children:[oe("p",{children:[oe("code",{
+children:"Tables"},void 0,!1,{fileName:kl,lineNumber:69,columnNumber:9})," render inside of a ",oe("code",{children:"Scrollbox"},void 0,!1,{fileName:kl,lineNumber:69,columnNumber:48})," container component, which gives the table a scroll context and allows it to scroll if it overflows. Apply height/width constraints to an appropriate parent elements to enable this. Height will not change when loading."]},void 0,!0,{fileName:kl,lineNumber:68,columnNumber:7}),oe("p",{children:["In this example, the last item in the table is pre-selected. Also in this example: an additional style is added to the first ",oe("code",{children:"td"},void 0,!1,{fileName:kl,lineNumber:76,columnNumber:65})," ","in each row to make its foreground color different (NB: the example here would not meet ARIA contrast requirements). This demonstrates style extension/override."]},void 0,!0,{fileName:kl,lineNumber:74,columnNumber:7}),oe(Ni,{withSource:!0,children:[oe("div",{className:"p-5",children:oe(se,{onClick:()=>i(!e),
+children:"Toggle Loading"},void 0,!1,{fileName:kl,lineNumber:83,columnNumber:11})},void 0,!1,{fileName:kl,lineNumber:82,columnNumber:9}),oe("div",{className:"flex flex-col p-3",style:"max-height:300px;height:300px;",children:oe(We,{accessibleLabel:"File list",isLoading:e,items:e?[]:Bl,selectedItem:l,onSelectItem:e=>n(e),onUseItem:e=>alert(`Selected ${e.displayName}`),renderItem:e=>(e=>oe(s,{children:[oe("td",{className:"text-grey-6",children:e.displayName},void 0,!1,{fileName:kl,lineNumber:18,columnNumber:5}),oe("td",{children:e.updated},void 0,!1,{fileName:kl,lineNumber:19,columnNumber:5})]},void 0,!0))(e),tableHeaders:Sl},void 0,!1,{fileName:kl,lineNumber:91,columnNumber:11})},void 0,!1,{fileName:kl,lineNumber:87,columnNumber:9})]},void 0,!0,{fileName:kl,lineNumber:81,columnNumber:7})]},void 0,!0,{fileName:kl,lineNumber:67,columnNumber:5})}function zl(){const[e,i]=W(!1),l=[],[n,r]=W(l[l.length-1]),o=oe("p",{children:["There are no files available to show."," ",oe("a",{href:"https://www.example.com",
+children:"Learn more."},void 0,!1,{fileName:kl,lineNumber:117,columnNumber:7})]},void 0,!0,{fileName:kl,lineNumber:115,columnNumber:5});return oe(si,{title:"Constrained Table",variant:"wide",children:[oe("p",{children:["This Table has no items (it is empty). When not in loading state, the provided ",oe("code",{children:"emptyItemsMessage"},void 0,!1,{fileName:kl,lineNumber:125,columnNumber:18})," will render centered in the table."]},void 0,!0,{fileName:kl,lineNumber:123,columnNumber:7}),oe(Ni,{withSource:!0,children:[oe("div",{className:"p-5",children:oe(se,{onClick:()=>i(!e),children:"Toggle Loading"},void 0,!1,{fileName:kl,lineNumber:130,columnNumber:11})},void 0,!1,{fileName:kl,lineNumber:129,columnNumber:9}),oe(We,{accessibleLabel:"File list",emptyItemsMessage:o,isLoading:e,items:l,selectedItem:n,onSelectItem:e=>r(e),onUseItem:e=>alert(`Selected ${e.displayName}`),renderItem:e=>Ml(e),tableHeaders:Sl},void 0,!1,{fileName:kl,lineNumber:135,columnNumber:9})]},void 0,!0,{fileName:kl,lineNumber:128,
+columnNumber:7})]},void 0,!0,{fileName:kl,lineNumber:122,columnNumber:5})}var Hl="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/ThumbnailComponents.js";const Al=[{route:/^\/?$/,title:"Home",component:function(){return oe(ci,{title:"Pattern Library",children:[oe("p",{children:"This pattern library demonstrates foundations, patterns and components that can be used in Hypothesis front-end applications."},void 0,!1,{fileName:hi,lineNumber:7,columnNumber:7}),oe("h2",{children:"Foundations"},void 0,!1,{fileName:hi,lineNumber:12,columnNumber:7}),oe("p",{children:[oe("strong",{children:"Foundations"},void 0,!1,{fileName:hi,lineNumber:15,columnNumber:9})," are the core design system elements—colors, spacing systems, typography—that define the underlying design fundamentals in Hypothesis UI."]},void 0,!0,{fileName:hi,lineNumber:14,columnNumber:7}),oe("p",{children:"They exist independently of implementation."},void 0,!1,{fileName:hi,lineNumber:20,columnNumber:7}),oe("h2",{
 children:"Patterns"},void 0,!1,{fileName:hi,lineNumber:22,columnNumber:7}),oe("p",{children:[oe("strong",{children:"Patterns"},void 0,!1,{fileName:hi,lineNumber:25,columnNumber:9})," are modular implementations of the design system ",oe("strong",{children:"foundations"},void 0,!1,{fileName:hi,lineNumber:26,columnNumber:16}),"—from the atomic to the complex. These implementations are in HTML and CSS."]},void 0,!0,{fileName:hi,lineNumber:24,columnNumber:7}),oe("h2",{children:"Components"},void 0,!1,{fileName:hi,lineNumber:30,columnNumber:7}),oe("p",{children:[oe("strong",{children:"Components"},void 0,!1,{fileName:hi,lineNumber:33,columnNumber:9})," are"," ",oe(Ze,{href:"https://preactjs.com/",children:"Preact"},void 0,!1,{fileName:hi,lineNumber:34,columnNumber:9})," components that are built using underlying ",oe("strong",{children:"patterns"},void 0,!1,{fileName:hi,lineNumber:35,columnNumber:32}),"."]},void 0,!0,{fileName:hi,lineNumber:32,columnNumber:7})]},void 0,!0,{fileName:hi,lineNumber:6,columnNumber:5})
 },group:"home"},{route:"/foundations-colors",title:"Colors",component:function(){return oe(ci,{title:"Colors",children:[oe(di,{title:"Brand red",children:oe("div",{className:"flex flex-row flex-wrap gap-4",children:vi},void 0,!1,{fileName:bi,lineNumber:51,columnNumber:9})},void 0,!1,{fileName:bi,lineNumber:50,columnNumber:7}),oe(di,{title:"Greys",children:oe("div",{className:"flex flex-row flex-wrap gap-4",children:pi},void 0,!1,{fileName:bi,lineNumber:55,columnNumber:9})},void 0,!1,{fileName:bi,lineNumber:54,columnNumber:7}),oe(di,{title:"State indicators",children:oe("div",{className:"flex flex-row flex-wrap gap-4",children:gi},void 0,!1,{fileName:bi,lineNumber:59,columnNumber:9})},void 0,!1,{fileName:bi,lineNumber:58,columnNumber:7})]},void 0,!0,{fileName:bi,lineNumber:49,columnNumber:5})},group:"foundations"},{route:"/foundations-icons",title:"Icons",component:function(){return oe(ci,{title:"Icons",children:oe(di,{title:"Hypothesis icon set",children:oe("div",{className:"grid grid-cols-8 gap-6",
-children:Object.keys(Qi).map((e=>oe(Ce,{classes:"flex flex-col items-center bg-grey-0 border-[#9c9cab] space-y-3 rounded-lg",children:[oe("div",{style:"text-lg",children:oe(Te,{name:Qi[e]},void 0,!1,{fileName:Yi,lineNumber:25,columnNumber:17})},void 0,!1,{fileName:Yi,lineNumber:24,columnNumber:15}),oe("div",{children:e},void 0,!1,{fileName:Yi,lineNumber:27,columnNumber:15})]},e,!0,{fileName:Yi,lineNumber:20,columnNumber:13})))},void 0,!1,{fileName:Yi,lineNumber:18,columnNumber:9})},void 0,!1,{fileName:Yi,lineNumber:17,columnNumber:7})},void 0,!1,{fileName:Yi,lineNumber:16,columnNumber:5})},group:"foundations"},{route:"/foundations-layout",title:"Layout",component:function(){const[e,i]=W(!1),[l,n]=W(!1),[r,o]=W(!1);return oe(ci,{title:"Layout",children:oe(di,{title:"Positioning and Overlay",children:[oe(si,{title:"Centering in the viewport",children:[oe("p",{children:["The ",oe("code",{children:"fixed-centered"},void 0,!1,{fileName:Xi,lineNumber:16,columnNumber:17
-})," layout pattern centers an element both horizontally and vertically within the entire viewport."]},void 0,!0,{fileName:Xi,lineNumber:15,columnNumber:11}),oe(Ni,{children:oe("div",{children:[oe(se,{variant:"primary",onClick:()=>i(!0),children:"Show example"},void 0,!1,{fileName:Xi,lineNumber:21,columnNumber:15}),oe("div",{className:"hyp-u-fixed-centered",style:"width:450px;"+(e?"visibility:visible":"visibility:hidden"),children:oe(Ce,{classes:"w-[450px]",children:[oe("p",{children:"This is a card that is centered vertically and horizontally in the current viewport."},void 0,!1,{fileName:Xi,lineNumber:34,columnNumber:19}),oe(we,{children:oe(se,{variant:"primary",onClick:()=>i(!1),children:"Hide example"},void 0,!1,{fileName:Xi,lineNumber:39,columnNumber:21})},void 0,!1,{fileName:Xi,lineNumber:38,columnNumber:19})]},void 0,!0,{fileName:Xi,lineNumber:33,columnNumber:17})},void 0,!1,{fileName:Xi,lineNumber:27,columnNumber:15})]},void 0,!0,{fileName:Xi,lineNumber:20,columnNumber:13})},void 0,!1,{fileName:Xi,
-lineNumber:19,columnNumber:11})]},void 0,!0,{fileName:Xi,lineNumber:14,columnNumber:9}),oe(si,{title:"Full-screen overlay",children:[oe("p",{children:["The ",oe("code",{children:"overlay"},void 0,!1,{fileName:Xi,lineNumber:54,columnNumber:17})," layout pattern provides a full-viewport, semi-opaque overlay that obscures UI interactions in the viewport below. It is intended for use as a backdrop for modals, e.g."]},void 0,!0,{fileName:Xi,lineNumber:53,columnNumber:11}),oe(Ni,{children:oe("div",{children:[oe(se,{variant:"primary",onClick:()=>n(!0),children:"Show example"},void 0,!1,{fileName:Xi,lineNumber:60,columnNumber:15}),oe("div",{className:"hyp-u-overlay",style:l?"visibility:visible":"visibility:hidden",children:oe("div",{className:"hyp-u-fixed-centered",children:oe(se,{onClick:()=>n(!1),children:"Hide example"},void 0,!1,{fileName:Xi,lineNumber:73,columnNumber:19})},void 0,!1,{fileName:Xi,lineNumber:72,columnNumber:17})},void 0,!1,{fileName:Xi,lineNumber:66,columnNumber:15})]},void 0,!0,{fileName:Xi,
-lineNumber:59,columnNumber:13})},void 0,!1,{fileName:Xi,lineNumber:58,columnNumber:11})]},void 0,!0,{fileName:Xi,lineNumber:52,columnNumber:9}),oe(si,{title:"Full-screen overlay with fixed-centered content",children:[oe("p",{children:["This shows an example of combining the ",oe("code",{children:"overlay"},void 0,!1,{fileName:Xi,lineNumber:84,columnNumber:52})," and"," ",oe("code",{children:"fixed-centered"},void 0,!1,{fileName:Xi,lineNumber:85,columnNumber:13})," patterns."]},void 0,!0,{fileName:Xi,lineNumber:83,columnNumber:11}),oe(Ni,{children:oe("div",{children:[oe(se,{variant:"primary",onClick:()=>o(!0),children:"Show example"},void 0,!1,{fileName:Xi,lineNumber:89,columnNumber:15}),oe("div",{className:"hyp-u-overlay",style:r?"visibility:visible":"visibility:hidden",children:oe("div",{className:"hyp-u-fixed-centered",children:oe(Ce,{classes:"w-[450px]",children:[oe("div",{children:"This is content in a fixed-centered card of 450px width over a full-screen overlay."},void 0,!1,{fileName:Xi,lineNumber:103,
-columnNumber:21}),oe(we,{children:oe(se,{variant:"primary",onClick:()=>o(!1),children:"Hide example"},void 0,!1,{fileName:Xi,lineNumber:108,columnNumber:23})},void 0,!1,{fileName:Xi,lineNumber:107,columnNumber:21})]},void 0,!0,{fileName:Xi,lineNumber:102,columnNumber:19})},void 0,!1,{fileName:Xi,lineNumber:101,columnNumber:17})},void 0,!1,{fileName:Xi,lineNumber:95,columnNumber:15})]},void 0,!0,{fileName:Xi,lineNumber:88,columnNumber:13})},void 0,!1,{fileName:Xi,lineNumber:87,columnNumber:11})]},void 0,!0,{fileName:Xi,lineNumber:82,columnNumber:9})]},void 0,!0,{fileName:Xi,lineNumber:13,columnNumber:7})},void 0,!1,{fileName:Xi,lineNumber:12,columnNumber:5})},group:"foundations"},{route:"/patterns-containers",title:"Containers",component:function(){const[e,i]=W(!1);return oe(ci,{title:"Containers",children:[oe(di,{title:"Frame",children:[oe(si,{title:"Basic frame",children:[oe("p",{children:["A ",oe("code",{children:"frame"},void 0,!1,{fileName:ol,lineNumber:15,columnNumber:15
-})," provides a border, background, padding and vertical spacing of immediate children."]},void 0,!0,{fileName:ol,lineNumber:14,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{className:"hyp-frame",children:[oe("p",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."},void 0,!1,{fileName:ol,lineNumber:20,columnNumber:15}),oe("div",{children:"Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."},void 0,!1,{fileName:ol,lineNumber:21,columnNumber:15})]},void 0,!0,{fileName:ol,lineNumber:19,columnNumber:13})},void 0,!1,{fileName:ol,lineNumber:18,columnNumber:11})]},void 0,!0,{fileName:ol,lineNumber:13,columnNumber:9}),oe(si,{title:"Using frames with the 'clean' theme",children:[oe("p",{children:"Clean-theme styling removes borders from frames."},void 0,!1,{fileName:ol,lineNumber:30,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{className:"theme-clean",children:oe("div",{className:"hyp-frame",children:[oe("div",{
-children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."},void 0,!1,{fileName:ol,lineNumber:34,columnNumber:17}),oe("div",{children:"Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."},void 0,!1,{fileName:ol,lineNumber:37,columnNumber:17})]},void 0,!0,{fileName:ol,lineNumber:33,columnNumber:15})},void 0,!1,{fileName:ol,lineNumber:32,columnNumber:13})},void 0,!1,{fileName:ol,lineNumber:31,columnNumber:11})]},void 0,!0,{fileName:ol,lineNumber:29,columnNumber:9})]},void 0,!0,{fileName:ol,lineNumber:12,columnNumber:7}),oe(di,{title:"Card",children:[oe(si,{title:"Basic card",children:[oe("p",{children:["A ",oe("code",{children:"card"},void 0,!1,{fileName:ol,lineNumber:50,columnNumber:15})," is a frame with a shadow and hover-shadow effect that fills available horizontal space. It extends ",oe("code",{children:"frame"},void 0,!1,{fileName:ol,lineNumber:51,columnNumber:63}),"."]},void 0,!0,{fileName:ol,lineNumber:49,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{
-className:"hyp-card",children:[oe("p",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."},void 0,!1,{fileName:ol,lineNumber:56,columnNumber:15}),oe("p",{children:"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."},void 0,!1,{fileName:ol,lineNumber:60,columnNumber:15})]},void 0,!0,{fileName:ol,lineNumber:55,columnNumber:13})},void 0,!1,{fileName:ol,lineNumber:54,columnNumber:11})]},void 0,!0,{fileName:ol,lineNumber:48,columnNumber:9}),oe(si,{title:"Card with no hover",children:[oe("p",{children:"A card's hover can be disabled by using a modifying class."},void 0,!1,{fileName:ol,lineNumber:69,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{className:"hyp-card--no-hover",children:oe("p",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."},void 0,!1,{fileName:ol,lineNumber:72,
-columnNumber:15})},void 0,!1,{fileName:ol,lineNumber:71,columnNumber:13})},void 0,!1,{fileName:ol,lineNumber:70,columnNumber:11})]},void 0,!0,{fileName:ol,lineNumber:68,columnNumber:9}),oe(si,{title:"Card example with actions",children:[oe("p",{children:"This example shows a card with some available actions."},void 0,!1,{fileName:ol,lineNumber:81,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{className:"hyp-card",children:[oe("p",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."},void 0,!1,{fileName:ol,lineNumber:84,columnNumber:15}),oe("div",{className:"hyp-actions",children:[oe(de,{title:"User",icon:"profile"},void 0,!1,{fileName:ol,lineNumber:86,columnNumber:17}),oe(de,{title:"Edit",icon:"edit"},void 0,!1,{fileName:ol,lineNumber:87,columnNumber:17}),oe(de,{title:"Delete",icon:"trash"},void 0,!1,{fileName:ol,lineNumber:88,columnNumber:17})]},void 0,!0,{fileName:ol,lineNumber:85,columnNumber:15})]},void 0,!0,{fileName:ol,lineNumber:83,columnNumber:13})},void 0,!1,{fileName:ol,
-lineNumber:82,columnNumber:11})]},void 0,!0,{fileName:ol,lineNumber:80,columnNumber:9}),oe(si,{title:"Using cards with the 'clean' theme",children:[oe("p",{children:"Clean-theme styling removes hover shadows and borders."},void 0,!1,{fileName:ol,lineNumber:95,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{className:"theme-clean",children:oe("div",{className:"hyp-card",children:[oe("div",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."},void 0,!1,{fileName:ol,lineNumber:99,columnNumber:17}),oe("div",{className:"hyp-actions",children:[oe(de,{title:"User",icon:"profile"},void 0,!1,{fileName:ol,lineNumber:104,columnNumber:19}),oe(de,{title:"Edit",icon:"edit"},void 0,!1,{fileName:ol,lineNumber:105,columnNumber:19}),oe(de,{title:"Delete",icon:"trash"},void 0,!1,{fileName:ol,lineNumber:106,columnNumber:19})]},void 0,!0,{fileName:ol,lineNumber:103,columnNumber:17})]},void 0,!0,{fileName:ol,lineNumber:98,columnNumber:15})
-},void 0,!1,{fileName:ol,lineNumber:97,columnNumber:13})},void 0,!1,{fileName:ol,lineNumber:96,columnNumber:11})]},void 0,!0,{fileName:ol,lineNumber:94,columnNumber:9})]},void 0,!0,{fileName:ol,lineNumber:47,columnNumber:7}),oe(di,{title:"Actions",children:[oe("p",{children:["The ",oe("code",{children:"actions"},void 0,!1,{fileName:ol,lineNumber:116,columnNumber:15})," pattern lays out a set of items, typically buttons, in a row (default) or column, with spacing."," "]},void 0,!0,{fileName:ol,lineNumber:115,columnNumber:9}),oe(si,{title:"Horizontal (default) layout",children:[oe("p",{children:["These examples show ",oe("code",{children:"Actions"},void 0,!1,{fileName:ol,lineNumber:121,columnNumber:33})," used in its default layout (horizontal) with ",oe("code",{children:"LabeledButton"},void 0,!1,{fileName:ol,lineNumber:122,columnNumber:31})," and"," ",oe("code",{children:"IconButton"},void 0,!1,{fileName:ol,lineNumber:123,columnNumber:13})," components."]},void 0,!0,{fileName:ol,lineNumber:120,columnNumber:11
-}),oe(Ni,{withSource:!0,children:oe("div",{className:"hyp-actions",children:[oe(se,{icon:"profile",children:"User"},void 0,!1,{fileName:ol,lineNumber:127,columnNumber:15}),oe(se,{icon:"edit",children:"Edit"},void 0,!1,{fileName:ol,lineNumber:128,columnNumber:15}),oe(se,{icon:"trash",children:"Delete"},void 0,!1,{fileName:ol,lineNumber:129,columnNumber:15})]},void 0,!0,{fileName:ol,lineNumber:126,columnNumber:13})},void 0,!1,{fileName:ol,lineNumber:125,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{className:"hyp-actions",children:[oe(de,{title:"User",icon:"profile"},void 0,!1,{fileName:ol,lineNumber:135,columnNumber:15}),oe(de,{title:"Edit",icon:"edit"},void 0,!1,{fileName:ol,lineNumber:136,columnNumber:15}),oe(de,{title:"Delete",icon:"trash"},void 0,!1,{fileName:ol,lineNumber:137,columnNumber:15})]},void 0,!0,{fileName:ol,lineNumber:134,columnNumber:13})},void 0,!1,{fileName:ol,lineNumber:133,columnNumber:11})]},void 0,!0,{fileName:ol,lineNumber:119,columnNumber:9}),oe(si,{title:"Columnar layout",
-children:oe(Ni,{withSource:!0,children:oe("div",{className:"hyp-actions--column",children:[oe(se,{children:"User"},void 0,!1,{fileName:ol,lineNumber:145,columnNumber:15}),oe(se,{children:"Edit"},void 0,!1,{fileName:ol,lineNumber:146,columnNumber:15}),oe(se,{children:"Delete"},void 0,!1,{fileName:ol,lineNumber:147,columnNumber:15})]},void 0,!0,{fileName:ol,lineNumber:144,columnNumber:13})},void 0,!1,{fileName:ol,lineNumber:143,columnNumber:11})},void 0,!1,{fileName:ol,lineNumber:142,columnNumber:9}),oe(si,{title:"Columnar layout, filling space",children:[oe("p",{children:["This example shows buttons stretching to fill available space in"," ",oe("code",{children:"actions"},void 0,!1,{fileName:ol,lineNumber:155,columnNumber:13}),"."]},void 0,!0,{fileName:ol,lineNumber:153,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{style:"width:300px",children:oe("div",{className:"hyp-actions--column",children:[oe(se,{variant:"primary",children:"Do this"},void 0,!1,{fileName:ol,lineNumber:160,columnNumber:17
-}),oe(se,{variant:"primary",children:"No, this!"},void 0,!1,{fileName:ol,lineNumber:161,columnNumber:17}),oe(se,{variant:"primary",children:"Maybe this?"},void 0,!1,{fileName:ol,lineNumber:162,columnNumber:17})]},void 0,!0,{fileName:ol,lineNumber:159,columnNumber:15})},void 0,!1,{fileName:ol,lineNumber:158,columnNumber:13})},void 0,!1,{fileName:ol,lineNumber:157,columnNumber:11})]},void 0,!0,{fileName:ol,lineNumber:152,columnNumber:9})]},void 0,!0,{fileName:ol,lineNumber:114,columnNumber:7}),oe(di,{title:"Modal",children:oe(si,{title:"Responsive modal container",children:[oe("p",{children:["This pattern makes use of the ",oe("code",{children:"overlay"},void 0,!1,{fileName:ol,lineNumber:172,columnNumber:43})," pattern. It responsively positions and sizes a container in the viewport to hold modal content."]},void 0,!0,{fileName:ol,lineNumber:171,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{children:[oe(se,{variant:"primary",onClick:()=>i(!0),children:"Show example"},void 0,!1,{fileName:ol,
-lineNumber:178,columnNumber:15}),oe("div",{className:"hyp-u-overlay",style:{visibility:e?"visible":"hidden"},children:oe("div",{className:"hyp-modal",children:oe("div",{className:"hyp-card",children:[oe("div",{children:oe("p",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut congue bibendum ipsum, ut euismod eros. Morbi sit amet sollicitudin diam. Cras tristique dui at nulla gravida, non sodales velit tincidunt. Pellentesque pharetra elit ac risus porta, vel vestibulum odio consectetur. Aliquam convallis augue ex, vitae aliquet enim varius id. Integer porttitor erat non nisi posuere, a tempus felis ultrices. In hac habitasse platea dictumst. Donec ut justo at odio pharetra laoreet ac consectetur elit."},void 0,!1,{fileName:ol,lineNumber:191,columnNumber:23})},void 0,!1,{fileName:ol,lineNumber:190,columnNumber:21}),oe("div",{className:"hyp-actions",children:oe(se,{variant:"primary",onClick:()=>i(!1),children:"Hide example"},void 0,!1,{fileName:ol,lineNumber:205,columnNumber:23})
-},void 0,!1,{fileName:ol,lineNumber:204,columnNumber:21})]},void 0,!0,{fileName:ol,lineNumber:189,columnNumber:19})},void 0,!1,{fileName:ol,lineNumber:188,columnNumber:17})},void 0,!1,{fileName:ol,lineNumber:184,columnNumber:15})]},void 0,!0,{fileName:ol,lineNumber:177,columnNumber:13})},void 0,!1,{fileName:ol,lineNumber:176,columnNumber:11})]},void 0,!0,{fileName:ol,lineNumber:170,columnNumber:9})},void 0,!1,{fileName:ol,lineNumber:169,columnNumber:7}),oe(di,{title:"Scrollbox",children:[oe("p",{children:[oe("code",{children:"Scrollbox"},void 0,!1,{fileName:ol,lineNumber:222,columnNumber:11})," is a CSS-only pattern that provides scroll-hint affordances for overflowing content (shadows). It sets its own"," ",oe("code",{children:"overflow: auto"},void 0,!1,{fileName:ol,lineNumber:224,columnNumber:11})," scrolling context, but authors need to define bounding dimensions."]},void 0,!0,{fileName:ol,lineNumber:221,columnNumber:9}),oe(si,{title:"List in a scrollbox",children:[oe("p",{
-children:["This example shows an overflowing ",oe("code",{children:"ul"},void 0,!1,{fileName:ol,lineNumber:229,columnNumber:47})," in a"," ",oe("code",{children:"scrollbox"},void 0,!1,{fileName:ol,lineNumber:230,columnNumber:13}),"."]},void 0,!0,{fileName:ol,lineNumber:228,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{style:"height:250px;width:250px",children:oe("div",{className:"hyp-scrollbox",children:oe("ul",{className:"hyp-u-padding hyp-u-vertical-spacing",children:oe(ll,{},void 0,!1,{fileName:ol,lineNumber:236,columnNumber:19})},void 0,!1,{fileName:ol,lineNumber:235,columnNumber:17})},void 0,!1,{fileName:ol,lineNumber:234,columnNumber:15})},void 0,!1,{fileName:ol,lineNumber:233,columnNumber:13})},void 0,!1,{fileName:ol,lineNumber:232,columnNumber:11})]},void 0,!0,{fileName:ol,lineNumber:227,columnNumber:9}),oe(si,{title:"Scrollbox with header offset",children:[oe("p",{children:["The ",oe("code",{children:"scrollbox--with-header"},void 0,!1,{fileName:ol,lineNumber:245,columnNumber:17
-})," pattern offsets the top scroll-hinting shadow to accommodate one header-like element with a touch-target height (currently 44px)."]},void 0,!0,{fileName:ol,lineNumber:244,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{style:"height:250px;width:250px",children:oe("div",{className:"hyp-scrollbox--with-header",children:[oe("div",{className:"hyp-sticky-header",children:oe("div",{className:"hyp-sticky-header__heading",children:oe("strong",{children:"NATO Phonetic Alphabet"},void 0,!1,{fileName:ol,lineNumber:255,columnNumber:21})},void 0,!1,{fileName:ol,lineNumber:254,columnNumber:19})},void 0,!1,{fileName:ol,lineNumber:253,columnNumber:17}),oe("ul",{className:"hyp-u-padding hyp-u-vertical-spacing",children:oe(ll,{},void 0,!1,{fileName:ol,lineNumber:259,columnNumber:19})},void 0,!1,{fileName:ol,lineNumber:258,columnNumber:17})]},void 0,!0,{fileName:ol,lineNumber:252,columnNumber:15})},void 0,!1,{fileName:ol,lineNumber:251,columnNumber:13})},void 0,!1,{fileName:ol,lineNumber:250,columnNumber:11})]
-},void 0,!0,{fileName:ol,lineNumber:243,columnNumber:9})]},void 0,!0,{fileName:ol,lineNumber:220,columnNumber:7})]},void 0,!0,{fileName:ol,lineNumber:11,columnNumber:5})},group:"patterns"},{route:"/patterns-forms",title:"Forms",component:function(){return oe(ci,{title:"Forms",children:[oe(di,{title:"Checkbox",children:[oe("p",{children:["A checkbox, styled accessibly with an SVG image. The SVG image is an adjacent sibling to the checkbox ",oe("code",{children:"input"},void 0,!1,{fileName:el,lineNumber:10,columnNumber:44}),"."]},void 0,!0,{fileName:el,lineNumber:8,columnNumber:9}),oe(si,{title:"Checkbox",children:[oe("p",{children:["This example shows an ",oe("code",{children:'input type="checkbox"'},void 0,!1,{fileName:el,lineNumber:14,columnNumber:35})," ","element with the ",oe("code",{children:"checkbox"},void 0,!1,{fileName:el,lineNumber:15,columnNumber:30})," pattern applied, both unchecked and checked."]},void 0,!0,{fileName:el,lineNumber:13,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{
-className:"hyp-u-layout-row hyp-u-horizontal-spacing",children:[oe("div",{children:[oe("input",{className:"hyp-checkbox",type:"checkbox"},void 0,!1,{fileName:el,lineNumber:21,columnNumber:17}),oe(me,{name:"checkbox"},void 0,!1,{fileName:el,lineNumber:22,columnNumber:17})]},void 0,!0,{fileName:el,lineNumber:20,columnNumber:15}),oe("div",{children:[oe("input",{className:"hyp-checkbox",type:"checkbox",checked:!0},void 0,!1,{fileName:el,lineNumber:26,columnNumber:17}),oe(me,{name:"checkbox"},void 0,!1,{fileName:el,lineNumber:27,columnNumber:17})]},void 0,!0,{fileName:el,lineNumber:25,columnNumber:15})]},void 0,!0,{fileName:el,lineNumber:19,columnNumber:13})},void 0,!1,{fileName:el,lineNumber:18,columnNumber:11})]},void 0,!0,{fileName:el,lineNumber:12,columnNumber:9}),oe(si,{title:"Checkbox with label",children:oe(Ni,{withSource:!0,children:oe("label",{className:"hyp-label",children:[oe("input",{className:"hyp-checkbox",type:"checkbox"},void 0,!1,{fileName:el,lineNumber:36,columnNumber:15}),oe(me,{name:"checkbox"
-},void 0,!1,{fileName:el,lineNumber:37,columnNumber:15}),oe("span",{children:"Click me, please"},void 0,!1,{fileName:el,lineNumber:38,columnNumber:15})]},void 0,!0,{fileName:el,lineNumber:35,columnNumber:13})},void 0,!1,{fileName:el,lineNumber:34,columnNumber:11})},void 0,!1,{fileName:el,lineNumber:33,columnNumber:9})]},void 0,!0,{fileName:el,lineNumber:7,columnNumber:7}),oe(di,{title:"Text inputs",children:[oe("p",{children:["A pattern for ",oe("code",{children:'input type="text"'},void 0,!1,{fileName:el,lineNumber:46,columnNumber:25})]},void 0,!0,{fileName:el,lineNumber:45,columnNumber:9}),oe(si,{title:"Basic text input",children:oe(Ni,{withSource:!0,children:oe("input",{className:"hyp-text-input",type:"text",placeholder:"http://www.example.com"},void 0,!1,{fileName:el,lineNumber:50,columnNumber:13})},void 0,!1,{fileName:el,lineNumber:49,columnNumber:11})},void 0,!1,{fileName:el,lineNumber:48,columnNumber:9}),oe(si,{title:"Text input in an error state",children:oe(Ni,{withSource:!0,children:oe("input",{
-className:"hyp-text-input has-error",type:"text",placeholder:"http://www.example.com"},void 0,!1,{fileName:el,lineNumber:60,columnNumber:13})},void 0,!1,{fileName:el,lineNumber:59,columnNumber:11})},void 0,!1,{fileName:el,lineNumber:58,columnNumber:9})]},void 0,!0,{fileName:el,lineNumber:44,columnNumber:7}),oe(di,{title:"Text input with button",children:[oe("p",{children:"A pattern that pairs a text input field with an icon-only button. Use a dark-variant button to match the standard pattern here."},void 0,!1,{fileName:el,lineNumber:70,columnNumber:9}),oe(si,{title:"Text input with a dark-variant IconButton",children:oe(Ni,{withSource:!0,children:oe("div",{style:{width:"300px"},children:oe("div",{className:"hyp-text-input-with-button",children:[oe("input",{type:"text",placeholder:"http://www.example.com"},void 0,!1,{fileName:el,lineNumber:78,columnNumber:17}),oe(de,{icon:"arrow-right",title:"go",variant:"dark"},void 0,!1,{fileName:el,lineNumber:79,columnNumber:17})]},void 0,!0,{fileName:el,lineNumber:77,
-columnNumber:15})},void 0,!1,{fileName:el,lineNumber:76,columnNumber:13})},void 0,!1,{fileName:el,lineNumber:75,columnNumber:11})},void 0,!1,{fileName:el,lineNumber:74,columnNumber:9}),oe(si,{title:"Text input and button in an error state",children:oe(Ni,{withSource:!0,children:oe("div",{style:{width:"300px"},children:oe("div",{className:"hyp-text-input-with-button",children:[oe("input",{type:"text",placeholder:"http://www.example.com",className:"has-error"},void 0,!1,{fileName:el,lineNumber:89,columnNumber:17}),oe(de,{icon:"arrow-right",title:"go",variant:"dark"},void 0,!1,{fileName:el,lineNumber:94,columnNumber:17})]},void 0,!0,{fileName:el,lineNumber:88,columnNumber:15})},void 0,!1,{fileName:el,lineNumber:87,columnNumber:13})},void 0,!1,{fileName:el,lineNumber:86,columnNumber:11})},void 0,!1,{fileName:el,lineNumber:85,columnNumber:9})]},void 0,!0,{fileName:el,lineNumber:69,columnNumber:7})]},void 0,!0,{fileName:el,lineNumber:6,columnNumber:5})},group:"patterns"},{route:"/patterns-links",title:"Links",
-component:function(){return oe(ci,{title:"Links",children:oe(di,{title:"Link",children:[oe("p",{children:["The link pattern for ",oe("code",{children:"<a>"},void 0,!1,{fileName:tl,lineNumber:8,columnNumber:32})," tags uses brand red and no underline, as well as a rounded keyboard focus ring."]},void 0,!0,{fileName:tl,lineNumber:7,columnNumber:9}),oe(si,{children:oe(Ni,{withSource:!0,children:[oe("a",{className:"hyp-link",href:"http://www.example.com",children:"This is a link"},void 0,!1,{fileName:tl,lineNumber:13,columnNumber:13}),oe("a",{className:"hyp-link",href:"http://www.example.com",children:"This is another link"},void 0,!1,{fileName:tl,lineNumber:16,columnNumber:13})]},void 0,!0,{fileName:tl,lineNumber:12,columnNumber:11})},void 0,!1,{fileName:tl,lineNumber:11,columnNumber:9})]},void 0,!0,{fileName:tl,lineNumber:6,columnNumber:7})},void 0,!1,{fileName:tl,lineNumber:5,columnNumber:5})},group:"patterns"},{route:"/patterns-panels",title:"Panels",component:function(){return oe(ci,{title:"Panels",
-children:[oe("p",{children:["The ",oe("code",{children:"panel"},void 0,!1,{fileName:ml,lineNumber:8,columnNumber:13})," pattern is used by several components:"," ",oe("code",{children:"Panel"},void 0,!1,{fileName:ml,lineNumber:9,columnNumber:9}),", ",oe("code",{children:"Dialog"},void 0,!1,{fileName:ml,lineNumber:9,columnNumber:29}),", ",oe("code",{children:"Modal"},void 0,!1,{fileName:ml,lineNumber:9,columnNumber:50}),", e.g."]},void 0,!0,{fileName:ml,lineNumber:7,columnNumber:7}),oe(di,{title:"Panel",children:[oe("p",{children:["A panel is a card with a header and affordances for a close button. Use the ",oe("code",{children:"--closeable"},void 0,!1,{fileName:ml,lineNumber:14,columnNumber:19})," modifier when using"," ",oe("code",{children:"panel"},void 0,!1,{fileName:ml,lineNumber:15,columnNumber:11})," with an icon-only close button."]},void 0,!0,{fileName:ml,lineNumber:12,columnNumber:9}),oe(si,{title:"Panel with no header",children:[oe("p",{
-children:["This is in a panel that has no header. A header is not required, but you are encouraged to use ",oe("code",{children:"card"},void 0,!1,{fileName:ml,lineNumber:20,columnNumber:39})," in that case. Note that a ",oe("code",{children:"panel"},void 0,!1,{fileName:ml,lineNumber:21,columnNumber:15})," will currently fill all available space. The containing element has been set to ",oe("code",{children:"max-width: 400px"},void 0,!1,{fileName:ml,lineNumber:22,columnNumber:48})," ","here."]},void 0,!0,{fileName:ml,lineNumber:18,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{style:{maxWidth:"400px"},children:oe("div",{className:"hyp-panel",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat"},void 0,!1,{fileName:ml,lineNumber:27,columnNumber:15})},void 0,!1,{fileName:ml,lineNumber:26,columnNumber:13})
-},void 0,!1,{fileName:ml,lineNumber:25,columnNumber:11})]},void 0,!0,{fileName:ml,lineNumber:17,columnNumber:9}),oe(si,{title:"Panel with title but no close button",children:[oe("p",{children:"This example shows a panel with header and content, but no close affordances."},void 0,!1,{fileName:ml,lineNumber:38,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{className:"hyp-panel",children:[oe("header",{className:"hyp-panel__header",children:oe("h2",{className:"hyp-panel__title",children:"This is a panel title in a panel header"},void 0,!1,{fileName:ml,lineNumber:45,columnNumber:17})},void 0,!1,{fileName:ml,lineNumber:44,columnNumber:15}),oe("div",{children:"This is panel content. There is a header but no close affordance."},void 0,!1,{fileName:ml,lineNumber:49,columnNumber:15})]},void 0,!0,{fileName:ml,lineNumber:43,columnNumber:13})},void 0,!1,{fileName:ml,lineNumber:42,columnNumber:11})]},void 0,!0,{fileName:ml,lineNumber:37,columnNumber:9}),oe(si,{title:"Closeable panel",children:[oe("p",{
-children:["This example shows a panel pattern with a ",oe("code",{children:"IconButton"},void 0,!1,{fileName:ml,lineNumber:59,columnNumber:55})," ","close button, using the ",oe("code",{children:"--closeable"},void 0,!1,{fileName:ml,lineNumber:60,columnNumber:37})," modifier."]},void 0,!0,{fileName:ml,lineNumber:58,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{className:"hyp-panel hyp-panel--closeable",children:[oe("header",{className:"hyp-panel__header",children:[oe("h2",{className:"hyp-panel__title",children:"Panel title on a closeable panel"},void 0,!1,{fileName:ml,lineNumber:65,columnNumber:17}),oe("div",{className:"hyp-panel__close",children:oe(de,{icon:"cancel",title:"Close"},void 0,!1,{fileName:ml,lineNumber:69,columnNumber:19})},void 0,!1,{fileName:ml,lineNumber:68,columnNumber:17})]},void 0,!0,{fileName:ml,lineNumber:64,columnNumber:15}),oe("div",{children:["This is panel content in a panel, using ",oe("code",{children:"--closeable"},void 0,!1,{fileName:ml,lineNumber:73,columnNumber:57
-}),"."]},void 0,!0,{fileName:ml,lineNumber:72,columnNumber:15})]},void 0,!0,{fileName:ml,lineNumber:63,columnNumber:13})},void 0,!1,{fileName:ml,lineNumber:62,columnNumber:11})]},void 0,!0,{fileName:ml,lineNumber:57,columnNumber:9}),oe(si,{title:"Panel with actions",children:[oe("p",{children:["It is common to render some ",oe("code",{children:"actions"},void 0,!1,{fileName:ml,lineNumber:82,columnNumber:41})," within a panel."]},void 0,!0,{fileName:ml,lineNumber:81,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{className:"hyp-panel hyp-panel--closeable",children:[oe("header",{className:"hyp-panel__header",children:[oe("h2",{className:"hyp-panel__title",children:"Panel title"},void 0,!1,{fileName:ml,lineNumber:87,columnNumber:17}),oe("div",{className:"hyp-panel__close",children:oe(de,{icon:"cancel",title:"Close"},void 0,!1,{fileName:ml,lineNumber:89,columnNumber:19})},void 0,!1,{fileName:ml,lineNumber:88,columnNumber:17})]},void 0,!0,{fileName:ml,lineNumber:86,columnNumber:15}),oe("div",{
-children:"This is panel content in a panel that also has some available actions."},void 0,!1,{fileName:ml,lineNumber:92,columnNumber:15}),oe("div",{className:"hyp-actions",children:[oe(se,{title:"Cancel",children:"Cancel"},void 0,!1,{fileName:ml,lineNumber:97,columnNumber:17}),oe(se,{title:"Try again",variant:"primary",children:"Try again"},void 0,!1,{fileName:ml,lineNumber:98,columnNumber:17})]},void 0,!0,{fileName:ml,lineNumber:96,columnNumber:15})]},void 0,!0,{fileName:ml,lineNumber:85,columnNumber:13})},void 0,!1,{fileName:ml,lineNumber:84,columnNumber:11})]},void 0,!0,{fileName:ml,lineNumber:80,columnNumber:9})]},void 0,!0,{fileName:ml,lineNumber:11,columnNumber:7})]},void 0,!0,{fileName:ml,lineNumber:6,columnNumber:5})},group:"patterns"},{route:"/patterns-spinners",title:"Spinners",component:function(){const[e,i]=W(!1),l=K();return He(l,!0,(()=>{i(!1)})),oe(ci,{title:"Spinners",children:[oe("p",{children:["The ",oe("code",{children:"spinner"},void 0,!1,{fileName:ul,lineNumber:25,columnNumber:13
-})," pattern can be used to show loading states. It is an animated SVG."]},void 0,!0,{fileName:ul,lineNumber:24,columnNumber:7}),oe(di,{title:"Spinner",children:[oe("p",{children:["The spinner is ",oe("code",{children:"em-sized"},void 0,!1,{fileName:ul,lineNumber:30,columnNumber:26}),"; it renders at ",oe("code",{children:"1em"},void 0,!1,{fileName:ul,lineNumber:30,columnNumber:63})," ","square, by default. Other relative sizes are available as shown. For manual sizing control, adjust the font-size of a parent element. Spinners have a default foreground color, which may be overridden with utility classes."]},void 0,!0,{fileName:ul,lineNumber:29,columnNumber:9}),oe(si,{title:"Default size",children:[oe("p",{children:["At its default size, the spinner is ",oe("code",{children:"2em"},void 0,!1,{fileName:ul,lineNumber:38,columnNumber:49})," square."]},void 0,!0,{fileName:ul,lineNumber:37,columnNumber:11}),oe(Ni,{withSource:!0,children:oe(Te,{name:"hyp-spinner",containerClasses:"hyp-spinner"},void 0,!1,{
-fileName:ul,lineNumber:41,columnNumber:13})},void 0,!1,{fileName:ul,lineNumber:40,columnNumber:11})]},void 0,!0,{fileName:ul,lineNumber:36,columnNumber:9}),oe(si,{title:"Small size",children:[oe("p",{children:["Small spinners are ",oe("code",{children:"1em"},void 0,!1,{fileName:ul,lineNumber:46,columnNumber:32})," square and can be used inline."]},void 0,!0,{fileName:ul,lineNumber:45,columnNumber:11}),oe(Ni,{withSource:!0,children:oe(Te,{name:"hyp-spinner",containerClasses:"hyp-spinner--small"},void 0,!1,{fileName:ul,lineNumber:49,columnNumber:13})},void 0,!1,{fileName:ul,lineNumber:48,columnNumber:11})]},void 0,!0,{fileName:ul,lineNumber:44,columnNumber:9}),oe(si,{title:"Large size",children:[oe("p",{children:["Large spinners are ",oe("code",{children:"4em"},void 0,!1,{fileName:ul,lineNumber:54,columnNumber:32})," square."]},void 0,!0,{fileName:ul,lineNumber:53,columnNumber:11}),oe(Ni,{withSource:!0,children:oe(Te,{name:"hyp-spinner",containerClasses:"hyp-spinner--large"},void 0,!1,{fileName:ul,
-lineNumber:57,columnNumber:13})},void 0,!1,{fileName:ul,lineNumber:56,columnNumber:11})]},void 0,!0,{fileName:ul,lineNumber:52,columnNumber:9}),oe(si,{title:"Changing color",children:[oe("p",{children:"The color of the spinner may be changed by use of utility classes."},void 0,!1,{fileName:ul,lineNumber:62,columnNumber:11}),oe(Ni,{withSource:!0,children:oe(Te,{name:"hyp-spinner",containerClasses:"hyp-spinner hyp-u-color--brand"},void 0,!1,{fileName:ul,lineNumber:66,columnNumber:13})},void 0,!1,{fileName:ul,lineNumber:65,columnNumber:11})]},void 0,!0,{fileName:ul,lineNumber:61,columnNumber:9})]},void 0,!0,{fileName:ul,lineNumber:28,columnNumber:7}),oe(di,{title:"Full Screen Spinner",children:oe(si,{children:[oe("p",{children:["The full-screen spinner pattern centers a large spinner in a light overlay. Press ",oe("code",{children:"ESC"},void 0,!1,{fileName:ul,lineNumber:78,columnNumber:28})," to hide the spinner."]},void 0,!0,{fileName:ul,lineNumber:76,columnNumber:11}),oe(Ni,{children:[oe(se,{
-onClick:()=>i(!0),children:"Show Full-Screen Spinner"},void 0,!1,{fileName:ul,lineNumber:81,columnNumber:13}),e&&oe("div",{className:"hyp-full-screen-spinner",ref:l,children:oe(Te,{name:"hyp-spinner",containerClasses:"hyp-spinner--large hyp-full-screen-spinner__spinner"},void 0,!1,{fileName:ul,lineNumber:89,columnNumber:17})},void 0,!1,{fileName:ul,lineNumber:85,columnNumber:15})]},void 0,!0,{fileName:ul,lineNumber:80,columnNumber:11})]},void 0,!0,{fileName:ul,lineNumber:75,columnNumber:9})},void 0,!1,{fileName:ul,lineNumber:74,columnNumber:7})]},void 0,!0,{fileName:ul,lineNumber:23,columnNumber:5})},group:"patterns"},{route:"/patterns-tables",title:"Tables",component:function(){return oe(ci,{title:"Tables",children:[oe("p",{children:["These ",oe("code",{children:"table"},void 0,!1,{fileName:al,lineNumber:9,columnNumber:15})," patterns support a basic table layout that adapts to available space. They are intended for simpler tabular display: maximum 2 or possibly 3 columns. Remember that"," ",oe("code",{
-children:"table"},void 0,!1,{fileName:al,lineNumber:12,columnNumber:9})," content needs to be usable in tight and narrow spaces."]},void 0,!0,{fileName:al,lineNumber:8,columnNumber:7}),oe(di,{title:"Table",children:[oe(si,{title:"Basic table",variant:"wide",children:[oe("p",{children:["By default, a ",oe("code",{children:"table"},void 0,!1,{fileName:al,lineNumber:18,columnNumber:27})," will fill available horizontal space, and will use whatever height is needed to render its rows."," ",oe("code",{children:"tr.is-selected"},void 0,!1,{fileName:al,lineNumber:20,columnNumber:13})," styles a row as selected."]},void 0,!0,{fileName:al,lineNumber:17,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("table",{className:"hyp-table",children:[oe("thead",{children:oe("tr",{children:[oe("th",{scope:"col",className:"hyp-table__header",children:"Column A"},void 0,!1,{fileName:al,lineNumber:27,columnNumber:19}),oe("th",{scope:"col",className:"hyp-table__header",children:"Column B"},void 0,!1,{fileName:al,lineNumber:30,
-columnNumber:19})]},void 0,!0,{fileName:al,lineNumber:26,columnNumber:17})},void 0,!1,{fileName:al,lineNumber:25,columnNumber:15}),oe(nl,{},void 0,!1,{fileName:al,lineNumber:35,columnNumber:15})]},void 0,!0,{fileName:al,lineNumber:24,columnNumber:13})},void 0,!1,{fileName:al,lineNumber:23,columnNumber:11})]},void 0,!0,{fileName:al,lineNumber:16,columnNumber:9}),oe(si,{title:"Adjusting column widths",children:[oe("p",{children:["Table column widths may be adjusted by styling ",oe("code",{children:"thead th"},void 0,!1,{fileName:al,lineNumber:42,columnNumber:60})," ","elements. In this example, the column widths are set to 30% and 70%."]},void 0,!0,{fileName:al,lineNumber:41,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("table",{className:"hyp-table",children:[oe("thead",{children:oe("tr",{children:[oe("th",{scope:"col",className:"hyp-table__header",style:"width:30%",children:"Column A"},void 0,!1,{fileName:al,lineNumber:49,columnNumber:19}),oe("th",{scope:"col",className:"hyp-table__header",
-style:"width:70%",children:"Column B"},void 0,!1,{fileName:al,lineNumber:56,columnNumber:19})]},void 0,!0,{fileName:al,lineNumber:48,columnNumber:17})},void 0,!1,{fileName:al,lineNumber:47,columnNumber:15}),oe(nl,{},void 0,!1,{fileName:al,lineNumber:65,columnNumber:15})]},void 0,!0,{fileName:al,lineNumber:46,columnNumber:13})},void 0,!1,{fileName:al,lineNumber:45,columnNumber:11})]},void 0,!0,{fileName:al,lineNumber:40,columnNumber:9}),oe(si,{title:"Constraining with a scrollbox",children:[oe("p",{children:["In this example, the ",oe("code",{children:"table"},void 0,!1,{fileName:al,lineNumber:72,columnNumber:34})," is constrained within a"," ",oe("code",{children:"scrollbox"},void 0,!1,{fileName:al,lineNumber:73,columnNumber:13})," with a ",oe("code",{children:"max-height"},void 0,!1,{fileName:al,lineNumber:73,columnNumber:43}),"."]},void 0,!0,{fileName:al,lineNumber:71,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{style:"max-height:250px",className:"hyp-scrollbox--with-header",
-children:oe("table",{className:"hyp-table",children:[oe("thead",{children:oe("tr",{children:[oe("th",{scope:"col",className:"hyp-table__header",children:"Column A"},void 0,!1,{fileName:al,lineNumber:83,columnNumber:21}),oe("th",{scope:"col",className:"hyp-table__header",children:"Column B"},void 0,!1,{fileName:al,lineNumber:86,columnNumber:21})]},void 0,!0,{fileName:al,lineNumber:82,columnNumber:19})},void 0,!1,{fileName:al,lineNumber:81,columnNumber:17}),oe(nl,{},void 0,!1,{fileName:al,lineNumber:91,columnNumber:17})]},void 0,!0,{fileName:al,lineNumber:80,columnNumber:15})},void 0,!1,{fileName:al,lineNumber:76,columnNumber:13})},void 0,!1,{fileName:al,lineNumber:75,columnNumber:11})]},void 0,!0,{fileName:al,lineNumber:70,columnNumber:9})]},void 0,!0,{fileName:al,lineNumber:15,columnNumber:7})]},void 0,!0,{fileName:al,lineNumber:7,columnNumber:5})},group:"patterns"},{route:"/patterns-thumbnails",title:"Thumbnails",component:function(){return oe(ci,{title:"Thumbnails",children:[oe("p",{
-children:["The ",oe("code",{children:"thumbnail"},void 0,!1,{fileName:cl,lineNumber:8,columnNumber:13})," pattern is for displaying thumbnail or other images in a frame of constrained size. It provides a variant for displaying a placeholder (when there is no image to render) or a loading state."]},void 0,!0,{fileName:cl,lineNumber:7,columnNumber:7}),oe("p",{children:"The thumbnail will fill the available space in the parent (100%), but will constrain the image dimensions within that space, retaining aspect ratio. It will retain its dimensions even when empty or in loading state."},void 0,!1,{fileName:cl,lineNumber:13,columnNumber:7}),oe(di,{title:"Thumbnail",children:[oe("p",{children:"These examples show a thumbnail that is contained within a parent container sized to 250x175px."},void 0,!1,{fileName:cl,lineNumber:20,columnNumber:9}),oe(si,{title:"Thumbnail with content",children:oe(Ni,{withSource:!0,children:oe("div",{style:"height: 250px; width: 175px",children:oe("div",{className:"hyp-thumbnail",
-children:oe("div",{className:"hyp-thumbnail__content",children:oe("img",{src:"http://placekitten.com/200/300",alt:"kitty"},void 0,!1,{fileName:cl,lineNumber:29,columnNumber:19})},void 0,!1,{fileName:cl,lineNumber:28,columnNumber:17})},void 0,!1,{fileName:cl,lineNumber:27,columnNumber:15})},void 0,!1,{fileName:cl,lineNumber:26,columnNumber:13})},void 0,!1,{fileName:cl,lineNumber:25,columnNumber:11})},void 0,!1,{fileName:cl,lineNumber:24,columnNumber:9}),oe(si,{title:"Thumbnail with placeholder",children:oe(Ni,{withSource:!0,children:oe("div",{style:"height: 250px; width: 175px",children:oe("div",{className:"hyp-thumbnail",children:oe("div",{className:"hyp-thumbnail__content",children:oe("div",{className:"hyp-thumbnail__placeholder",children:"..."},void 0,!1,{fileName:cl,lineNumber:41,columnNumber:19})},void 0,!1,{fileName:cl,lineNumber:40,columnNumber:17})},void 0,!1,{fileName:cl,lineNumber:39,columnNumber:15})},void 0,!1,{fileName:cl,lineNumber:38,columnNumber:13})},void 0,!1,{fileName:cl,lineNumber:37,
-columnNumber:11})},void 0,!1,{fileName:cl,lineNumber:36,columnNumber:9}),oe(si,{title:"thumbnail in loading state",children:oe(Ni,{withSource:!0,children:oe("div",{style:"height: 250px; width: 175px",children:oe("div",{className:"hyp-thumbnail",children:oe("div",{className:"hyp-thumbnail__content",children:oe(me,{name:"hyp-spinner",className:"hyp-spinner"},void 0,!1,{fileName:cl,lineNumber:53,columnNumber:19})},void 0,!1,{fileName:cl,lineNumber:52,columnNumber:17})},void 0,!1,{fileName:cl,lineNumber:51,columnNumber:15})},void 0,!1,{fileName:cl,lineNumber:50,columnNumber:13})},void 0,!1,{fileName:cl,lineNumber:49,columnNumber:11})},void 0,!1,{fileName:cl,lineNumber:48,columnNumber:9})]},void 0,!0,{fileName:cl,lineNumber:19,columnNumber:7}),oe(di,{title:"Thumbnail in smaller dimensions",children:[oe("p",{children:"These examples show all three states of a thumnbail in a smaller space: 150x100px."},void 0,!1,{fileName:cl,lineNumber:62,columnNumber:9}),oe(si,{title:"All three states shown",children:oe(Ni,{
-withSource:!0,children:[oe("div",{style:"width: 100px; height: 150px",children:oe("div",{className:"hyp-thumbnail",children:oe("div",{className:"hyp-thumbnail__content",children:oe("img",{src:"http://placekitten.com/100/150",alt:"kitty"},void 0,!1,{fileName:cl,lineNumber:71,columnNumber:19})},void 0,!1,{fileName:cl,lineNumber:70,columnNumber:17})},void 0,!1,{fileName:cl,lineNumber:69,columnNumber:15})},void 0,!1,{fileName:cl,lineNumber:68,columnNumber:13}),oe("div",{style:"width: 100px; height: 150px",children:oe("div",{className:"hyp-thumbnail",children:oe("div",{className:"hyp-thumbnail__content",children:oe("span",{className:"hyp-thumbnail__placeholder",children:"..."},void 0,!1,{fileName:cl,lineNumber:79,columnNumber:19})},void 0,!1,{fileName:cl,lineNumber:78,columnNumber:17})},void 0,!1,{fileName:cl,lineNumber:77,columnNumber:15})},void 0,!1,{fileName:cl,lineNumber:76,columnNumber:13}),oe("div",{style:"width: 100px; height: 150px",children:oe("div",{className:"hyp-thumbnail",children:oe("div",{
-className:"hyp-thumbnail__content",children:oe(me,{name:"hyp-spinner",className:"hyp-spinner--small"},void 0,!1,{fileName:cl,lineNumber:87,columnNumber:19})},void 0,!1,{fileName:cl,lineNumber:86,columnNumber:17})},void 0,!1,{fileName:cl,lineNumber:85,columnNumber:15})},void 0,!1,{fileName:cl,lineNumber:84,columnNumber:13})]},void 0,!0,{fileName:cl,lineNumber:67,columnNumber:11})},void 0,!1,{fileName:cl,lineNumber:66,columnNumber:9})]},void 0,!0,{fileName:cl,lineNumber:61,columnNumber:7}),oe(di,{title:"Thumbnails: aspect ratio",children:[oe("p",{children:"An image in a thumnbail is constrained to the available space, and retains aspect ratio."},void 0,!1,{fileName:cl,lineNumber:96,columnNumber:9}),oe(si,{title:"Thumbnail showing retention of image aspect ratio",children:oe(Ni,{withSource:!0,children:oe("div",{style:"width: 175px; height: 250px",children:oe("div",{className:"hyp-thumbnail",children:oe("div",{className:"hyp-thumbnail__content",children:oe("img",{src:"http://placekitten.com/350/250",alt:"kitty"
-},void 0,!1,{fileName:cl,lineNumber:105,columnNumber:19})},void 0,!1,{fileName:cl,lineNumber:104,columnNumber:17})},void 0,!1,{fileName:cl,lineNumber:103,columnNumber:15})},void 0,!1,{fileName:cl,lineNumber:102,columnNumber:13})},void 0,!1,{fileName:cl,lineNumber:101,columnNumber:11})},void 0,!1,{fileName:cl,lineNumber:100,columnNumber:9})]},void 0,!0,{fileName:cl,lineNumber:95,columnNumber:7})]},void 0,!0,{fileName:cl,lineNumber:6,columnNumber:5})},group:"patterns"},{route:"/components-buttons",title:"Buttons",component:function(){return oe(ci,{title:"Buttons",children:[oe("p",{children:["Button components support the following ",oe("strong",{children:"variants"},void 0,!1,{fileName:dl,lineNumber:8,columnNumber:49}),":"]},void 0,!0,{fileName:dl,lineNumber:7,columnNumber:7}),oe("ul",{className:"hyp-list",children:[oe("li",{children:"Default"},void 0,!1,{fileName:dl,lineNumber:11,columnNumber:9}),oe("li",{children:"Primary: For indicating that a button represents a primary action"},void 0,!1,{fileName:dl,
-lineNumber:12,columnNumber:9}),oe("li",{children:"Dark: For rendering a button on a grey background"},void 0,!1,{fileName:dl,lineNumber:15,columnNumber:9}),oe("li",{children:"Light: This variant should only be used for non-critical buttons on white backgrounds (low contrast)."},void 0,!1,{fileName:dl,lineNumber:16,columnNumber:9})]},void 0,!0,{fileName:dl,lineNumber:10,columnNumber:7}),oe("p",{children:"In addition, a button may be in one of four states, which are represented in their variant examples, left to right:"},void 0,!1,{fileName:dl,lineNumber:21,columnNumber:7}),oe("ul",{className:"hyp-list",children:[oe("li",{children:"Default"},void 0,!1,{fileName:dl,lineNumber:26,columnNumber:9}),oe("li",{children:"Pressed"},void 0,!1,{fileName:dl,lineNumber:27,columnNumber:9}),oe("li",{children:"Expanded"},void 0,!1,{fileName:dl,lineNumber:28,columnNumber:9}),oe("li",{children:"Disabled"},void 0,!1,{fileName:dl,lineNumber:29,columnNumber:9})]},void 0,!0,{fileName:dl,lineNumber:25,columnNumber:7}),oe(di,{
-title:"IconButton",children:[oe("p",{children:"A button containing an icon and no other content."},void 0,!1,{fileName:dl,lineNumber:33,columnNumber:9}),oe(si,{title:"Basic use and sizes",children:[oe("p",{children:["The optional ",oe("code",{children:"size"},void 0,!1,{fileName:dl,lineNumber:36,columnNumber:26})," property affects the proportions and overall size of the button by way of padding. It does not change the size of the icon itself, which is sized at ",oe("code",{children:"1em"},void 0,!1,{fileName:dl,lineNumber:39,columnNumber:13}),". The default sizing is ",oe("code",{children:"medium"},void 0,!1,{fileName:dl,lineNumber:39,columnNumber:53}),"."]},void 0,!0,{fileName:dl,lineNumber:35,columnNumber:11}),oe(Ni,{withSource:!0,children:[oe(de,{icon:"edit",title:"Edit",size:"small"},void 0,!1,{fileName:dl,lineNumber:42,columnNumber:13}),oe(de,{icon:"edit",title:"Edit",size:"medium"},void 0,!1,{fileName:dl,lineNumber:43,columnNumber:13}),oe(de,{icon:"edit",title:"Edit",size:"large"},void 0,!1,{
-fileName:dl,lineNumber:44,columnNumber:13})]},void 0,!0,{fileName:dl,lineNumber:41,columnNumber:11})]},void 0,!0,{fileName:dl,lineNumber:34,columnNumber:9}),oe(si,{title:"Variants",variant:"wide",children:[oe("h4",{children:"Dark variant"},void 0,!1,{fileName:dl,lineNumber:49,columnNumber:11}),oe("p",{children:["The ",oe("code",{children:"IconButton"},void 0,!1,{fileName:dl,lineNumber:51,columnNumber:17})," dark variant is for use on darker (light grey vs. white) backgrounds. Note that this button, unlike other"," ",oe("code",{children:"IconButton"},void 0,!1,{fileName:dl,lineNumber:53,columnNumber:13}),"s, has a background color. This is to allow for a use case in which the dark ",oe("code",{children:"IconButton"},void 0,!1,{fileName:dl,lineNumber:54,columnNumber:46})," is initially fixed on a grey background but floats on top of content when scrolled."]},void 0,!0,{fileName:dl,lineNumber:50,columnNumber:11}),oe("h4",{children:"Light variant"},void 0,!1,{fileName:dl,lineNumber:58,columnNumber:11}),oe("p",{
-children:"This variant should only be used for non-critical icons on white backgrounds (low contrast)."},void 0,!1,{fileName:dl,lineNumber:59,columnNumber:11}),oe(Ni,{title:"Default",withSource:!0,children:[oe(de,{icon:"trash",title:"Delete annotation"},void 0,!1,{fileName:dl,lineNumber:64,columnNumber:13}),oe(de,{icon:"trash",title:"Delete annotation",pressed:!0},void 0,!1,{fileName:dl,lineNumber:65,columnNumber:13}),oe(de,{icon:"trash",title:"Delete annotation",expanded:!0},void 0,!1,{fileName:dl,lineNumber:66,columnNumber:13}),oe(de,{icon:"trash",title:"Delete annotation",disabled:!0},void 0,!1,{fileName:dl,lineNumber:67,columnNumber:13})]},void 0,!0,{fileName:dl,lineNumber:63,columnNumber:11}),oe(Ni,{title:"Primary",withSource:!0,children:[oe(de,{icon:"trash",title:"Delete annotation",variant:"primary"},void 0,!1,{fileName:dl,lineNumber:71,columnNumber:13}),oe(de,{icon:"trash",title:"Delete annotation",pressed:!0,variant:"primary"},void 0,!1,{fileName:dl,lineNumber:76,columnNumber:13}),oe(de,{
-icon:"trash",title:"Delete annotation",expanded:!0,variant:"primary"},void 0,!1,{fileName:dl,lineNumber:82,columnNumber:13}),oe(de,{icon:"trash",title:"Delete annotation",disabled:!0,variant:"primary"},void 0,!1,{fileName:dl,lineNumber:88,columnNumber:13})]},void 0,!0,{fileName:dl,lineNumber:70,columnNumber:11}),oe(Ni,{title:"Dark",withSource:!0,children:[oe(de,{icon:"trash",title:"Delete annotation",variant:"dark"},void 0,!1,{fileName:dl,lineNumber:97,columnNumber:13}),oe(de,{icon:"trash",title:"Delete annotation",pressed:!0,variant:"dark"},void 0,!1,{fileName:dl,lineNumber:98,columnNumber:13}),oe(de,{icon:"trash",title:"Delete annotation",expanded:!0,variant:"dark"},void 0,!1,{fileName:dl,lineNumber:104,columnNumber:13}),oe(de,{icon:"trash",title:"Delete annotation",disabled:!0,variant:"dark"},void 0,!1,{fileName:dl,lineNumber:110,columnNumber:13})]},void 0,!0,{fileName:dl,lineNumber:96,columnNumber:11}),oe(Ni,{title:"Light",withSource:!0,children:[oe(de,{icon:"trash",title:"Delete annotation",
-variant:"light"},void 0,!1,{fileName:dl,lineNumber:119,columnNumber:13}),oe(de,{icon:"trash",title:"Delete annotation",pressed:!0,variant:"light"},void 0,!1,{fileName:dl,lineNumber:124,columnNumber:13}),oe(de,{icon:"trash",title:"Delete annotation",expanded:!0,variant:"light"},void 0,!1,{fileName:dl,lineNumber:130,columnNumber:13}),oe(de,{icon:"trash",title:"Delete annotation",disabled:!0,variant:"light"},void 0,!1,{fileName:dl,lineNumber:136,columnNumber:13})]},void 0,!0,{fileName:dl,lineNumber:118,columnNumber:11})]},void 0,!0,{fileName:dl,lineNumber:48,columnNumber:9})]},void 0,!0,{fileName:dl,lineNumber:32,columnNumber:7}),oe(di,{title:"LabeledButton",children:[oe("p",{children:"A button with content and, optionally, an icon."},void 0,!1,{fileName:dl,lineNumber:147,columnNumber:9}),oe(si,{title:"Basic use and sizes",children:[oe("p",{children:["The optional ",oe("code",{children:"size"},void 0,!1,{fileName:dl,lineNumber:150,columnNumber:26
-})," property affects the proportions and overall size of the button by way of padding. It does not change the size of the icon itself, which is sized at ",oe("code",{children:"1em"},void 0,!1,{fileName:dl,lineNumber:153,columnNumber:13}),". The default sizing is ",oe("code",{children:"medium"},void 0,!1,{fileName:dl,lineNumber:153,columnNumber:53}),"."]},void 0,!0,{fileName:dl,lineNumber:149,columnNumber:11}),oe(Ni,{title:"Label only",withSource:!0,children:[oe(se,{size:"small",children:"Edit"},void 0,!1,{fileName:dl,lineNumber:156,columnNumber:13}),oe(se,{children:"Edit"},void 0,!1,{fileName:dl,lineNumber:157,columnNumber:13}),oe(se,{size:"large",children:"Edit"},void 0,!1,{fileName:dl,lineNumber:158,columnNumber:13})]},void 0,!0,{fileName:dl,lineNumber:155,columnNumber:11}),oe(Ni,{title:"Label, icon",withSource:!0,children:[oe(se,{icon:"profile",size:"small",children:"Edit User"},void 0,!1,{fileName:dl,lineNumber:162,columnNumber:13}),oe(se,{icon:"profile",children:"Edit User"},void 0,!1,{fileName:dl,
-lineNumber:165,columnNumber:13}),oe(se,{icon:"profile",size:"large",children:"Edit User"},void 0,!1,{fileName:dl,lineNumber:166,columnNumber:13})]},void 0,!0,{fileName:dl,lineNumber:161,columnNumber:11}),oe(Ni,{title:"Label, icon on right",withSource:!0,children:[oe(se,{icon:"profile",size:"small",iconPosition:"right",children:"Edit User"},void 0,!1,{fileName:dl,lineNumber:172,columnNumber:13}),oe(se,{icon:"profile",iconPosition:"right",children:"Edit User"},void 0,!1,{fileName:dl,lineNumber:175,columnNumber:13}),oe(se,{icon:"profile",size:"large",iconPosition:"right",children:"Edit User"},void 0,!1,{fileName:dl,lineNumber:178,columnNumber:13})]},void 0,!0,{fileName:dl,lineNumber:171,columnNumber:11})]},void 0,!0,{fileName:dl,lineNumber:148,columnNumber:9}),oe(si,{title:"Variants",variant:"wide",children:[oe(Ni,{title:"Default",withSource:!0,children:[oe(se,{icon:"edit",children:"Edit"},void 0,!1,{fileName:dl,lineNumber:186,columnNumber:13}),oe(se,{icon:"edit",pressed:!0,children:"Edit"},void 0,!1,{
-fileName:dl,lineNumber:187,columnNumber:13}),oe(se,{icon:"edit",expanded:!0,children:"Edit"},void 0,!1,{fileName:dl,lineNumber:190,columnNumber:13}),oe(se,{icon:"edit",disabled:!0,children:"Edit"},void 0,!1,{fileName:dl,lineNumber:193,columnNumber:13})]},void 0,!0,{fileName:dl,lineNumber:185,columnNumber:11}),oe(Ni,{title:"Primary",withSource:!0,children:[oe(se,{icon:"edit",variant:"primary",children:"Edit"},void 0,!1,{fileName:dl,lineNumber:199,columnNumber:13}),oe(se,{icon:"edit",variant:"primary",children:"Edit"},void 0,!1,{fileName:dl,lineNumber:202,columnNumber:13}),oe(se,{icon:"edit",variant:"primary",children:"Edit"},void 0,!1,{fileName:dl,lineNumber:205,columnNumber:13}),oe(se,{icon:"edit",variant:"primary",children:"Edit"},void 0,!1,{fileName:dl,lineNumber:208,columnNumber:13})]},void 0,!0,{fileName:dl,lineNumber:198,columnNumber:11}),oe(Ni,{title:"Dark",withSource:!0,children:[oe(se,{icon:"edit",variant:"dark",children:"Edit"},void 0,!1,{fileName:dl,lineNumber:214,columnNumber:13}),oe(se,{
-icon:"edit",pressed:!0,variant:"dark",children:"Edit"},void 0,!1,{fileName:dl,lineNumber:217,columnNumber:13}),oe(se,{icon:"edit",expanded:!0,variant:"dark",children:"Edit"},void 0,!1,{fileName:dl,lineNumber:220,columnNumber:13}),oe(se,{icon:"edit",disabled:!0,variant:"dark",children:"Edit"},void 0,!1,{fileName:dl,lineNumber:223,columnNumber:13})]},void 0,!0,{fileName:dl,lineNumber:213,columnNumber:11})]},void 0,!0,{fileName:dl,lineNumber:184,columnNumber:9})]},void 0,!0,{fileName:dl,lineNumber:146,columnNumber:7}),oe(di,{title:"LinkButton",children:[oe("p",{children:"A button styled to look like a link (anchor tag)."},void 0,!1,{fileName:dl,lineNumber:231,columnNumber:9}),oe(si,{title:"Variants",children:[oe(Ni,{title:"Default",withSource:!0,children:[oe(Ne,{children:"Show replies (10)"},void 0,!1,{fileName:dl,lineNumber:235,columnNumber:13}),oe(Ne,{pressed:!0,children:"Show replies (10)"},void 0,!1,{fileName:dl,lineNumber:236,columnNumber:13}),oe(Ne,{expanded:!0,children:"Show replies (10)"},void 0,!1,{
-fileName:dl,lineNumber:237,columnNumber:13}),oe(Ne,{disabled:!0,children:"Show replies (10)"},void 0,!1,{fileName:dl,lineNumber:238,columnNumber:13})]},void 0,!0,{fileName:dl,lineNumber:234,columnNumber:11}),oe(Ni,{title:"Primary",withSource:!0,children:[oe(Ne,{variant:"primary",children:"Show replies (10)"},void 0,!1,{fileName:dl,lineNumber:242,columnNumber:13}),oe(Ne,{variant:"primary",pressed:!0,children:"Show replies (10)"},void 0,!1,{fileName:dl,lineNumber:243,columnNumber:13}),oe(Ne,{variant:"primary",expanded:!0,children:"Show replies (10)"},void 0,!1,{fileName:dl,lineNumber:246,columnNumber:13}),oe(Ne,{variant:"primary",disabled:!0,children:"Show replies (10)"},void 0,!1,{fileName:dl,lineNumber:249,columnNumber:13})]},void 0,!0,{fileName:dl,lineNumber:241,columnNumber:11}),oe(Ni,{title:"Dark",withSource:!0,children:[oe(Ne,{variant:"dark",children:"Show replies (10)"},void 0,!1,{fileName:dl,lineNumber:255,columnNumber:13}),oe(Ne,{variant:"dark",pressed:!0,children:"Show replies (10)"},void 0,!1,{
-fileName:dl,lineNumber:256,columnNumber:13}),oe(Ne,{variant:"dark",expanded:!0,children:"Show replies (10)"},void 0,!1,{fileName:dl,lineNumber:259,columnNumber:13}),oe(Ne,{variant:"dark",disabled:!0,children:"Show replies (10)"},void 0,!1,{fileName:dl,lineNumber:262,columnNumber:13})]},void 0,!0,{fileName:dl,lineNumber:254,columnNumber:11})]},void 0,!0,{fileName:dl,lineNumber:233,columnNumber:9})]},void 0,!0,{fileName:dl,lineNumber:230,columnNumber:7})]},void 0,!0,{fileName:dl,lineNumber:6,columnNumber:5})},group:"components"},{route:"/components-containers",title:"Containers",component:function(){return oe(ci,{title:"Containers",children:[oe(di,{title:"Frame",children:oe(si,{title:"Laying out content in a Frame",children:[oe("p",{children:["The ",oe("code",{children:"Frame"},void 0,!1,{fileName:sl,lineNumber:12,columnNumber:17})," component renders content inside of a"," ",oe("code",{children:"frame"},void 0,!1,{fileName:sl,lineNumber:13,columnNumber:13})," design pattern."]},void 0,!0,{fileName:sl,
-lineNumber:11,columnNumber:11}),oe(Ni,{withSource:!0,children:oe(Le,{children:[oe("div",{children:"This content is inside of a frame."},void 0,!1,{fileName:sl,lineNumber:17,columnNumber:15}),oe("div",{children:"This content is inside of a frame."},void 0,!1,{fileName:sl,lineNumber:18,columnNumber:15})]},void 0,!0,{fileName:sl,lineNumber:16,columnNumber:13})},void 0,!1,{fileName:sl,lineNumber:15,columnNumber:11})]},void 0,!0,{fileName:sl,lineNumber:10,columnNumber:9})},void 0,!1,{fileName:sl,lineNumber:9,columnNumber:7}),oe(di,{title:"Card",children:[oe("p",{children:["The ",oe("code",{children:"Card"},void 0,!1,{fileName:sl,lineNumber:26,columnNumber:15})," component pattern provides a card-like layout using the ",oe("code",{children:"card"},void 0,!1,{fileName:sl,lineNumber:27,columnNumber:21})," pattern."]},void 0,!0,{fileName:sl,lineNumber:25,columnNumber:9}),oe(si,{title:"Laying out content in a Card",children:oe(Ni,{withSource:!0,children:oe(Ce,{children:[oe("div",{
-children:"This content is inside of a card."},void 0,!1,{fileName:sl,lineNumber:32,columnNumber:15}),oe("div",{children:"This content is inside of a card."},void 0,!1,{fileName:sl,lineNumber:33,columnNumber:15})]},void 0,!0,{fileName:sl,lineNumber:31,columnNumber:13})},void 0,!1,{fileName:sl,lineNumber:30,columnNumber:11})},void 0,!1,{fileName:sl,lineNumber:29,columnNumber:9}),oe(si,{title:"Overriding styles",children:[oe("p",{children:["This example shows overriding the background color of a"," ",oe("code",{children:"Card"},void 0,!1,{fileName:sl,lineNumber:40,columnNumber:13})," using a utility class."]},void 0,!0,{fileName:sl,lineNumber:38,columnNumber:11}),oe(Ni,{withSource:!0,children:oe(Ce,{classes:"hyp-u-bg-color--grey-3",children:[oe("div",{children:"This content is inside of a card."},void 0,!1,{fileName:sl,lineNumber:44,columnNumber:15}),oe("div",{children:"This content is inside of a card."},void 0,!1,{fileName:sl,lineNumber:45,columnNumber:15})]},void 0,!0,{fileName:sl,lineNumber:43,
-columnNumber:13})},void 0,!1,{fileName:sl,lineNumber:42,columnNumber:11})]},void 0,!0,{fileName:sl,lineNumber:37,columnNumber:9})]},void 0,!0,{fileName:sl,lineNumber:24,columnNumber:7}),oe(di,{title:"Actions",children:[oe("p",{children:["The ",oe("code",{children:"Actions"},void 0,!1,{fileName:sl,lineNumber:53,columnNumber:15})," component pattern lays out actions (buttons)."]},void 0,!0,{fileName:sl,lineNumber:52,columnNumber:9}),oe(si,{title:"Laying out buttons with Actions",children:oe(Ni,{withSource:!0,children:oe(we,{children:[oe(se,{children:"Cancel"},void 0,!1,{fileName:sl,lineNumber:59,columnNumber:15}),oe(se,{children:"Maybe"},void 0,!1,{fileName:sl,lineNumber:60,columnNumber:15}),oe(se,{variant:"primary",children:"OK"},void 0,!1,{fileName:sl,lineNumber:61,columnNumber:15})]},void 0,!0,{fileName:sl,lineNumber:58,columnNumber:13})},void 0,!1,{fileName:sl,lineNumber:57,columnNumber:11})},void 0,!1,{fileName:sl,lineNumber:56,columnNumber:9}),oe(si,{title:"Laying out buttons vertically with Actions",
-children:oe(Ni,{withSource:!0,children:oe(we,{direction:"column",children:[oe(se,{children:"This is one option"},void 0,!1,{fileName:sl,lineNumber:69,columnNumber:15}),oe(se,{children:"This is another option"},void 0,!1,{fileName:sl,lineNumber:70,columnNumber:15}),oe(se,{variant:"primary",children:"This is the best option"},void 0,!1,{fileName:sl,lineNumber:71,columnNumber:15})]},void 0,!0,{fileName:sl,lineNumber:68,columnNumber:13})},void 0,!1,{fileName:sl,lineNumber:67,columnNumber:11})},void 0,!1,{fileName:sl,lineNumber:66,columnNumber:9})]},void 0,!0,{fileName:sl,lineNumber:51,columnNumber:7}),oe(di,{title:"Scrollbox",children:[oe("p",{children:["The ",oe("code",{children:"Scrollbox"},void 0,!1,{fileName:sl,lineNumber:81,columnNumber:15})," component is a container for (potentially-) overflowing content. It provides a scroll context and is styled with the ",oe("code",{children:"scrollbox"},void 0,!1,{fileName:sl,lineNumber:83,columnNumber:15})," pattern."]},void 0,!0,{fileName:sl,lineNumber:80,
-columnNumber:9}),oe(si,{variant:"wide",children:[oe("p",{children:["A ",oe("code",{children:"Scrollbox"},void 0,!1,{fileName:sl,lineNumber:87,columnNumber:15})," will fill its available space. Constraints to that space need to be applied to a parent element. Here a parent element is set to a width and height."]},void 0,!0,{fileName:sl,lineNumber:86,columnNumber:11}),oe(Ni,{title:"Basic scrollbox",withSource:!0,children:oe("div",{style:"height:250px;max-height:250px;width:200px",children:oe(ye,{children:oe("ul",{className:"p-3 space-y-4",children:oe(ll,{},void 0,!1,{fileName:sl,lineNumber:95,columnNumber:19})},void 0,!1,{fileName:sl,lineNumber:94,columnNumber:17})},void 0,!1,{fileName:sl,lineNumber:93,columnNumber:15})},void 0,!1,{fileName:sl,lineNumber:92,columnNumber:13})},void 0,!1,{fileName:sl,lineNumber:91,columnNumber:11}),oe(Ni,{title:"Scrollbox with header",withSource:!0,children:oe("div",{style:"height:250px;max-height:250px;width:200px",children:oe(ye,{withHeader:!0,children:[oe("div",{
-className:"hyp-sticky-header",children:oe("div",{className:"hyp-sticky-header__heading",children:"NATO Alphabet"},void 0,!1,{fileName:sl,lineNumber:104,columnNumber:19})},void 0,!1,{fileName:sl,lineNumber:103,columnNumber:17}),oe("ul",{className:"p-3 pt-0 space-y-4",children:oe(ll,{},void 0,!1,{fileName:sl,lineNumber:109,columnNumber:19})},void 0,!1,{fileName:sl,lineNumber:108,columnNumber:17})]},void 0,!0,{fileName:sl,lineNumber:102,columnNumber:15})},void 0,!1,{fileName:sl,lineNumber:101,columnNumber:13})},void 0,!1,{fileName:sl,lineNumber:100,columnNumber:11})]},void 0,!0,{fileName:sl,lineNumber:85,columnNumber:9})]},void 0,!0,{fileName:sl,lineNumber:79,columnNumber:7})]},void 0,!0,{fileName:sl,lineNumber:8,columnNumber:5})},group:"components"},{route:"/components-dialogs",title:"Dialogs",component:function(){return oe(ci,{title:"Dialogs",children:[oe(di,{title:"Dialog",children:[oe("p",{children:["A ",oe("code",{children:"Dialog"},void 0,!1,{fileName:Nl,lineNumber:230,columnNumber:13
-})," prompts for user interaction and will take focus when opened."]},void 0,!0,{fileName:Nl,lineNumber:229,columnNumber:9}),oe("p",{children:["Use a ",oe("code",{children:"Dialog"},void 0,!1,{fileName:Nl,lineNumber:234,columnNumber:17})," when you want to route focus. Consider using a ",oe("code",{children:"Panel"},void 0,!1,{fileName:Nl,lineNumber:235,columnNumber:13})," for presenting panel-styled content that does not require grabbing focus."]},void 0,!0,{fileName:Nl,lineNumber:233,columnNumber:9}),oe("p",{children:[oe("code",{children:"Dialogs"},void 0,!1,{fileName:Nl,lineNumber:239,columnNumber:11})," are styled using the ",oe("code",{children:"panel"},void 0,!1,{fileName:Nl,lineNumber:239,columnNumber:53})," pattern."]},void 0,!0,{fileName:Nl,lineNumber:238,columnNumber:9}),oe(si,{title:"Setting initial focus",children:[oe("p",{children:["This example shows a dismiss-able ",oe("code",{children:"Dialog"},void 0,!1,{fileName:Nl,lineNumber:243,columnNumber:47
-})," with an explicitly-provided element (",oe("code",{children:"ref"},void 0,!1,{fileName:Nl,lineNumber:244,columnNumber:42}),") that should take initial focus: a text ",oe("code",{children:"input"},void 0,!1,{fileName:Nl,lineNumber:245,columnNumber:35}),". The highlighted outline is added here by using ",oe("code",{children:".hyp-u-focus-outline"},void 0,!1,{fileName:Nl,lineNumber:246,columnNumber:33})," on the"," ",oe("code",{children:"input"},void 0,!1,{fileName:Nl,lineNumber:247,columnNumber:13})," element."]},void 0,!0,{fileName:Nl,lineNumber:242,columnNumber:11}),oe("p",{children:["In some cases, you might need finer control over which element is focused when the ",oe("code",{children:"Dialog"},void 0,!1,{fileName:Nl,lineNumber:251,columnNumber:30})," or ",oe("code",{children:"Modal"},void 0,!1,{fileName:Nl,lineNumber:251,columnNumber:53})," is opened. This might arise if you have nested components within a"," ",oe("code",{children:"Modal"},void 0,!1,{fileName:Nl,lineNumber:253,columnNumber:13
-})," or ",oe("code",{children:"Dialog"},void 0,!1,{fileName:Nl,lineNumber:253,columnNumber:35}),", or there is complex logic about focus. Setting the ",oe("code",{children:"initialFocus"},void 0,!1,{fileName:Nl,lineNumber:254,columnNumber:38})," prop to"," ",oe("code",{children:"null"},void 0,!1,{fileName:Nl,lineNumber:255,columnNumber:13})," will opt out of automatic focus handling."]},void 0,!0,{fileName:Nl,lineNumber:249,columnNumber:11}),oe(Ni,{children:oe(hl,{},void 0,!1,{fileName:Nl,lineNumber:259,columnNumber:13})},void 0,!1,{fileName:Nl,lineNumber:258,columnNumber:11})]},void 0,!0,{fileName:Nl,lineNumber:241,columnNumber:9}),oe(si,{title:"Dialog with no cancel or close button",children:[oe("p",{children:["By default, a ",oe("code",{children:"Dialog"},void 0,!1,{fileName:Nl,lineNumber:265,columnNumber:27})," will render both a close button (x) and a Cancel button if an ",oe("code",{children:"onCancel"},void 0,!1,{fileName:Nl,lineNumber:266,columnNumber:43
-})," callback is provided, but this can be overridden with the"," ",oe("code",{children:"withCancelButton"},void 0,!1,{fileName:Nl,lineNumber:268,columnNumber:13})," and ",oe("code",{children:"withCloseButton"},void 0,!1,{fileName:Nl,lineNumber:268,columnNumber:47})," ","boolean props for the cancel button and close button, respectively."]},void 0,!0,{fileName:Nl,lineNumber:264,columnNumber:11}),oe(Ni,{title:"Dialog with no Cancel button",children:oe(bl,{},void 0,!1,{fileName:Nl,lineNumber:272,columnNumber:13})},void 0,!1,{fileName:Nl,lineNumber:271,columnNumber:11}),oe(Ni,{title:"Dialog with no Close button",children:oe(fl,{},void 0,!1,{fileName:Nl,lineNumber:276,columnNumber:13})},void 0,!1,{fileName:Nl,lineNumber:275,columnNumber:11})]},void 0,!0,{fileName:Nl,lineNumber:263,columnNumber:9})]},void 0,!0,{fileName:Nl,lineNumber:228,columnNumber:7}),oe(di,{title:"Modal",children:[oe("p",{children:["A ",oe("code",{children:"Modal"},void 0,!1,{fileName:Nl,lineNumber:283,columnNumber:13
-})," is a type of ",oe("code",{children:"Dialog"},void 0,!1,{fileName:Nl,lineNumber:283,columnNumber:45})," that centers on the screen and obscures the background with an overlay."]},void 0,!0,{fileName:Nl,lineNumber:282,columnNumber:9}),oe(si,{title:"Basic usage",children:[oe("p",{children:"Close the modal by clicking the close (X) button, the cancel button or clicking anywhere outside of it."},void 0,!1,{fileName:Nl,lineNumber:287,columnNumber:11}),oe(Ni,{children:oe(vl,{},void 0,!1,{fileName:Nl,lineNumber:292,columnNumber:13})},void 0,!1,{fileName:Nl,lineNumber:291,columnNumber:11})]},void 0,!0,{fileName:Nl,lineNumber:286,columnNumber:9}),oe(si,{title:"Handling content overflow",children:[oe("p",{children:"Modals that may contain a lot of content may need to handle overflow (i.e. make their content scrollable) so that the modal height doesn't exceed available viewport space."},void 0,!1,{fileName:Nl,lineNumber:297,columnNumber:11}),oe("p",{
-children:["To make something in a modal scroll-able, apply"," ",oe("code",{children:"overflow: auto"},void 0,!1,{fileName:Nl,lineNumber:304,columnNumber:13})," to the element you wish to contain. This element needs to be an immediate-child element of the"," ",oe("code",{children:"Modal"},void 0,!1,{fileName:Nl,lineNumber:306,columnNumber:13}),"."]},void 0,!0,{fileName:Nl,lineNumber:302,columnNumber:11}),oe(Ni,{children:oe(pl,{},void 0,!1,{fileName:Nl,lineNumber:309,columnNumber:13})},void 0,!1,{fileName:Nl,lineNumber:308,columnNumber:11})]},void 0,!0,{fileName:Nl,lineNumber:296,columnNumber:9})]},void 0,!0,{fileName:Nl,lineNumber:281,columnNumber:7}),oe(di,{title:"ConfirmModal",children:[oe("p",{children:[oe("code",{children:"ConfirmModal"},void 0,!1,{fileName:Nl,lineNumber:316,columnNumber:11})," is intended to mirror the functionality of"," ",oe("code",{children:"window.confirm"},void 0,!1,{fileName:Nl,lineNumber:317,columnNumber:11}),"."]},void 0,!0,{fileName:Nl,lineNumber:315,columnNumber:9}),oe(si,{
-children:[oe("p",{children:[oe("code",{children:"ConfirmModal"},void 0,!1,{fileName:Nl,lineNumber:321,columnNumber:13})," prompts the user for a boolean yes/no input. Close and cancel are considered no."]},void 0,!0,{fileName:Nl,lineNumber:320,columnNumber:11}),oe("p",{children:["Handlers need to be provided for what to do on yes (",oe("code",{children:"onConfirm"},void 0,!1,{fileName:Nl,lineNumber:326,columnNumber:13}),") and no/cancel (",oe("code",{children:"onCancel"},void 0,!1,{fileName:Nl,lineNumber:326,columnNumber:52}),"). Typically, both would (also) close the modal, though in this example, the ",oe("code",{children:"onConfirm"},void 0,!1,{fileName:Nl,lineNumber:328,columnNumber:26})," handler does not close the modal."]},void 0,!0,{fileName:Nl,lineNumber:324,columnNumber:11}),oe(Ni,{children:oe(gl,{},void 0,!1,{fileName:Nl,lineNumber:332,columnNumber:13})},void 0,!1,{fileName:Nl,lineNumber:331,columnNumber:11})]},void 0,!0,{fileName:Nl,lineNumber:319,columnNumber:9})]},void 0,!0,{fileName:Nl,
-lineNumber:314,columnNumber:7})]},void 0,!0,{fileName:Nl,lineNumber:227,columnNumber:5})},group:"components"},{route:"/components-forms",title:"Forms",component:function(){const[e,i]=W(!0),[l,n]=W(!1),[r,o]=W(!0);return oe(ci,{title:"Forms",children:[oe(di,{title:"LabeledCheckbox",children:[oe(si,{title:"Unchecked (default)",children:[oe("div",{style:"font-size: 2em",children:[l&&"🍉"," "]},void 0,!0,{fileName:Ll,lineNumber:19,columnNumber:11}),oe(Ni,{withSource:!0,children:oe(pe,{checked:l,name:"test-alternative",onToggle:e=>n(e),children:"I want a watermelon"},void 0,!1,{fileName:Ll,lineNumber:24,columnNumber:13})},void 0,!1,{fileName:Ll,lineNumber:23,columnNumber:11})]},void 0,!0,{fileName:Ll,lineNumber:18,columnNumber:9}),oe(si,{title:"Checked",children:[oe("div",{style:"font-size: 2em",children:e&&"🥪"},void 0,!1,{fileName:Ll,lineNumber:35,columnNumber:11}),oe(Ni,{style:{width:"300px"},withSource:!0,children:oe(pe,{name:"test",checked:e,onToggle:e=>i(e),children:"I want a sandwich"},void 0,!1,{
-fileName:Ll,lineNumber:37,columnNumber:13})},void 0,!1,{fileName:Ll,lineNumber:36,columnNumber:11})]},void 0,!0,{fileName:Ll,lineNumber:34,columnNumber:9})]},void 0,!0,{fileName:Ll,lineNumber:17,columnNumber:7}),oe(di,{title:"TextInput",children:[oe("p",{children:["The ",oe("code",{children:"TextInput"},void 0,!1,{fileName:Ll,lineNumber:50,columnNumber:15})," component is a basic wrapper around an",oe("code",{children:'input type="text"'},void 0,!1,{fileName:Ll,lineNumber:51,columnNumber:11})," field."]},void 0,!0,{fileName:Ll,lineNumber:49,columnNumber:9}),oe(si,{title:"Basic usage",children:oe(Ni,{withSource:!0,children:oe(Je,{name:"my-input"},void 0,!1,{fileName:Ll,lineNumber:55,columnNumber:13})},void 0,!1,{fileName:Ll,lineNumber:54,columnNumber:11})},void 0,!1,{fileName:Ll,lineNumber:53,columnNumber:9}),oe(si,{title:"As type='url'",children:[oe("p",{children:[oe("code",{children:"TextInput"},void 0,!1,{fileName:Ll,lineNumber:61,columnNumber:13})," renders an ",oe("code",{children:"input"},void 0,!1,{
-fileName:Ll,lineNumber:61,columnNumber:47})," field of"," ",oe("code",{children:'type="text"'},void 0,!1,{fileName:Ll,lineNumber:62,columnNumber:13})," by default, but text-like `type` values are also supported (",oe("code",{children:"email"},void 0,!1,{fileName:Ll,lineNumber:63,columnNumber:40}),", ",oe("code",{children:"search"},void 0,!1,{fileName:Ll,lineNumber:63,columnNumber:60}),","," ",oe("code",{children:"url"},void 0,!1,{fileName:Ll,lineNumber:64,columnNumber:13}),")."]},void 0,!0,{fileName:Ll,lineNumber:60,columnNumber:11}),oe(Ni,{withSource:!0,children:oe(Je,{name:"my-input",type:"url"},void 0,!1,{fileName:Ll,lineNumber:67,columnNumber:13})},void 0,!1,{fileName:Ll,lineNumber:66,columnNumber:11})]},void 0,!0,{fileName:Ll,lineNumber:59,columnNumber:9}),oe(si,{title:"Error state",children:oe(Ni,{withSource:!0,children:oe(Je,{name:"my-input",hasError:!0},void 0,!1,{fileName:Ll,lineNumber:73,columnNumber:13})},void 0,!1,{fileName:Ll,lineNumber:72,columnNumber:11})},void 0,!1,{fileName:Ll,lineNumber:71,
-columnNumber:9})]},void 0,!0,{fileName:Ll,lineNumber:48,columnNumber:7}),oe(di,{title:"TextInputWithButton",children:[oe("p",{children:["This component wraps the ",oe("code",{children:"text-input-with-button"},void 0,!1,{fileName:Ll,lineNumber:80,columnNumber:36})," pattern: a text input on the left with an associated icon-only button on the right."]},void 0,!0,{fileName:Ll,lineNumber:79,columnNumber:9}),oe("p",{children:["Current usage favors the ",oe("code",{children:"dark"},void 0,!1,{fileName:Ll,lineNumber:85,columnNumber:36})," variant of"," ",oe("code",{children:"IconButton"},void 0,!1,{fileName:Ll,lineNumber:86,columnNumber:11}),"."]},void 0,!0,{fileName:Ll,lineNumber:84,columnNumber:9}),oe(si,{title:"Basic usage",children:oe(Ni,{withSource:!0,children:oe(Ke,{children:[oe(Je,{name:"my-input"},void 0,!1,{fileName:Ll,lineNumber:91,columnNumber:15}),oe(de,{icon:"arrow-right",variant:"dark",title:"go"},void 0,!1,{fileName:Ll,lineNumber:92,columnNumber:15})]},void 0,!0,{fileName:Ll,lineNumber:90,
-columnNumber:13})},void 0,!1,{fileName:Ll,lineNumber:89,columnNumber:11})},void 0,!1,{fileName:Ll,lineNumber:88,columnNumber:9}),oe(si,{title:"Error state",children:oe(Ni,{withSource:!0,children:oe(Ke,{children:[oe(Je,{name:"my-input",hasError:r},void 0,!1,{fileName:Ll,lineNumber:100,columnNumber:15}),oe(de,{icon:"arrow-right",variant:"dark",title:"go",onClick:()=>o(!r)},void 0,!1,{fileName:Ll,lineNumber:101,columnNumber:15})]},void 0,!0,{fileName:Ll,lineNumber:99,columnNumber:13})},void 0,!1,{fileName:Ll,lineNumber:98,columnNumber:11})},void 0,!1,{fileName:Ll,lineNumber:97,columnNumber:9})]},void 0,!0,{fileName:Ll,lineNumber:78,columnNumber:7})]},void 0,!0,{fileName:Ll,lineNumber:16,columnNumber:5})},group:"components"},{route:"/components-links",title:"Links",component:function(){return oe(ci,{title:"Links",children:oe(di,{title:"Link",children:[oe("p",{children:[oe("code",{children:"Link"},void 0,!1,{fileName:Cl,lineNumber:9,columnNumber:11
-})," components provide some common styling and attribute for anchor (",oe("code",{children:"a"},void 0,!1,{fileName:Cl,lineNumber:10,columnNumber:23}),") elements."]},void 0,!0,{fileName:Cl,lineNumber:8,columnNumber:9}),oe(si,{children:oe(Ni,{withSource:!0,children:oe(Ze,{href:"https://www.example.com",children:"A link to somewhere"},void 0,!1,{fileName:Cl,lineNumber:14,columnNumber:13})},void 0,!1,{fileName:Cl,lineNumber:13,columnNumber:11})},void 0,!1,{fileName:Cl,lineNumber:12,columnNumber:9})]},void 0,!0,{fileName:Cl,lineNumber:7,columnNumber:7})},void 0,!1,{fileName:Cl,lineNumber:6,columnNumber:5})},group:"components"},{route:"/components-panel",title:"Panel",component:function(){return oe(ci,{title:"Panel",children:oe(di,{title:"Panel",children:[oe(si,{title:"Basic usage",children:oe(Ni,{withSource:!0,children:oe(qe,{title:"Basic panel",children:oe("p",{children:"Here is a panel with no close button and very simple content."},void 0,!1,{fileName:wl,lineNumber:11,columnNumber:15})},void 0,!1,{
-fileName:wl,lineNumber:10,columnNumber:13})},void 0,!1,{fileName:wl,lineNumber:9,columnNumber:11})},void 0,!1,{fileName:wl,lineNumber:8,columnNumber:9}),oe(si,{title:"With close button",children:oe(Ni,{withSource:!0,children:oe(qe,{title:"Basic panel with close button",onClose:()=>alert("close clicked"),children:[oe("p",{children:"Here is a panel with very basic content and a close button."},void 0,!1,{fileName:wl,lineNumber:23,columnNumber:15}),oe("p",{children:["Providing an ",oe("code",{children:"onClose"},void 0,!1,{fileName:wl,lineNumber:25,columnNumber:30})," function will cause a close button to render."]},void 0,!0,{fileName:wl,lineNumber:24,columnNumber:15})]},void 0,!0,{fileName:wl,lineNumber:19,columnNumber:13})},void 0,!1,{fileName:wl,lineNumber:18,columnNumber:11})},void 0,!1,{fileName:wl,lineNumber:17,columnNumber:9}),oe(si,{title:"With header icon",children:oe(Ni,{withSource:!0,children:oe(qe,{icon:"edit",title:"Panel with optional heading icon",onClose:()=>alert("close clicked"),
-children:"This panel has an optional icon in the header."},void 0,!1,{fileName:wl,lineNumber:34,columnNumber:13})},void 0,!1,{fileName:wl,lineNumber:33,columnNumber:11})},void 0,!1,{fileName:wl,lineNumber:32,columnNumber:9}),oe(si,{title:"Clean theme",children:oe(Ni,{withSource:!0,children:oe("div",{className:"theme-clean",style:"width:100%",children:oe(qe,{icon:"edit",title:"Panel with clean-theme styling",onClose:()=>alert("close clicked"),children:"This panel has an optional icon in the header."},void 0,!1,{fileName:wl,lineNumber:47,columnNumber:15})},void 0,!1,{fileName:wl,lineNumber:46,columnNumber:13})},void 0,!1,{fileName:wl,lineNumber:45,columnNumber:11})},void 0,!1,{fileName:wl,lineNumber:44,columnNumber:9})]},void 0,!0,{fileName:wl,lineNumber:7,columnNumber:7})},void 0,!1,{fileName:wl,lineNumber:6,columnNumber:5})},group:"components"},{route:"/components-spinner",title:"Spinner",component:function(){const[e,i]=W(!1),l=K();return He(l,!0,(()=>{i(!1)})),oe(ci,{title:"Spinner",children:[oe("p",{
-children:["The ",oe("code",{children:"Spinner"},void 0,!1,{fileName:yl,lineNumber:24,columnNumber:13})," component is based on the ",oe("code",{children:"spinner"},void 0,!1,{fileName:yl,lineNumber:24,columnNumber:60})," ","pattern and renders an animated SVG."]},void 0,!0,{fileName:yl,lineNumber:23,columnNumber:7}),oe(di,{title:"Spinner",children:[oe(si,{title:"Basic usage",children:oe(Ni,{withSource:!0,children:oe(Ve,{},void 0,!1,{fileName:yl,lineNumber:30,columnNumber:13})},void 0,!1,{fileName:yl,lineNumber:29,columnNumber:11})},void 0,!1,{fileName:yl,lineNumber:28,columnNumber:9}),oe(si,{title:"Small size",children:oe(Ni,{withSource:!0,children:oe(Ve,{size:"small"},void 0,!1,{fileName:yl,lineNumber:35,columnNumber:13})},void 0,!1,{fileName:yl,lineNumber:34,columnNumber:11})},void 0,!1,{fileName:yl,lineNumber:33,columnNumber:9}),oe(si,{title:"Large size",children:oe(Ni,{withSource:!0,children:oe(Ve,{size:"large"},void 0,!1,{fileName:yl,lineNumber:40,columnNumber:13})},void 0,!1,{fileName:yl,lineNumber:39,
-columnNumber:11})},void 0,!1,{fileName:yl,lineNumber:38,columnNumber:9})]},void 0,!0,{fileName:yl,lineNumber:27,columnNumber:7}),oe(di,{title:"Full-Screen Spinner",children:oe(si,{children:[oe("p",{children:["A component that renders a full-screen spinner over an overlay. Press ",oe("code",{children:"ESC"},void 0,!1,{fileName:yl,lineNumber:49,columnNumber:19})," to hide the spinner."]},void 0,!0,{fileName:yl,lineNumber:47,columnNumber:11}),oe(Ni,{children:[oe(se,{onClick:()=>i(!0),children:"Show Full-Screen Spinner"},void 0,!1,{fileName:yl,lineNumber:52,columnNumber:13}),e&&oe("div",{ref:l,children:oe(Re,{},void 0,!1,{fileName:yl,lineNumber:57,columnNumber:17})},void 0,!1,{fileName:yl,lineNumber:56,columnNumber:15})]},void 0,!0,{fileName:yl,lineNumber:51,columnNumber:11})]},void 0,!0,{fileName:yl,lineNumber:46,columnNumber:9})},void 0,!1,{fileName:yl,lineNumber:45,columnNumber:7})]},void 0,!0,{fileName:yl,lineNumber:22,columnNumber:5})},group:"components"},{route:"/components-table",title:"Table",
-component:function(){return oe(ci,{title:"Table",children:oe(di,{title:"Table",children:[oe(Sl,{},void 0,!1,{fileName:_l,lineNumber:155,columnNumber:9}),oe(Bl,{},void 0,!1,{fileName:_l,lineNumber:156,columnNumber:9}),oe(Tl,{},void 0,!1,{fileName:_l,lineNumber:157,columnNumber:9})]},void 0,!0,{fileName:_l,lineNumber:154,columnNumber:7})},void 0,!1,{fileName:_l,lineNumber:153,columnNumber:5})},group:"components"},{route:"/components-thumbnail",title:"Thumbnail",component:function(){return oe(ci,{title:"Thumbnail",children:[oe(di,{title:"Thumbnail",children:[oe("p",{children:["The ",oe("code",{children:"Thumbnail"},void 0,!1,{fileName:Zl,lineNumber:9,columnNumber:15})," component handles rendering a thumbnail or other image, and provides a loading state and an empty (placeholder) state. If ",oe("code",{children:"Thumbnail"},void 0,!1,{fileName:Zl,lineNumber:11,columnNumber:21})," has no content, it will render a placeholder. If its ",oe("code",{children:"isLoading"},void 0,!1,{fileName:Zl,lineNumber:12,
-columnNumber:31})," prop is set to"," ",oe("code",{children:"true"},void 0,!1,{fileName:Zl,lineNumber:13,columnNumber:11}),", it will render a loading state."]},void 0,!0,{fileName:Zl,lineNumber:8,columnNumber:9}),oe("p",{children:"The following examples are rendered within a parent container sized to 250x175px. The Thumbnail will fill, but not exceed, the available space."},void 0,!1,{fileName:Zl,lineNumber:15,columnNumber:9}),oe(si,{title:"Empty thumbnail with default placeholder",children:oe(Ni,{withSource:!0,children:oe("div",{style:"height: 250px; width:175px",children:oe(Qe,{},void 0,!1,{fileName:Zl,lineNumber:24,columnNumber:15})},void 0,!1,{fileName:Zl,lineNumber:23,columnNumber:13})},void 0,!1,{fileName:Zl,lineNumber:22,columnNumber:11})},void 0,!1,{fileName:Zl,lineNumber:21,columnNumber:9}),oe(si,{title:"Thumbnail with image content",children:oe(Ni,{withSource:!0,children:oe("div",{style:"height: 250px; width:175px",children:oe(Qe,{children:oe("img",{src:"http://placekitten.com/200/300",alt:"kitty"
-},void 0,!1,{fileName:Zl,lineNumber:33,columnNumber:17})},void 0,!1,{fileName:Zl,lineNumber:32,columnNumber:15})},void 0,!1,{fileName:Zl,lineNumber:31,columnNumber:13})},void 0,!1,{fileName:Zl,lineNumber:30,columnNumber:11})},void 0,!1,{fileName:Zl,lineNumber:29,columnNumber:9}),oe(si,{title:"Empty thumbnail in loading state",children:oe(Ni,{withSource:!0,children:oe("div",{style:"height: 250px; width:175px",children:oe(Qe,{isLoading:!0},void 0,!1,{fileName:Zl,lineNumber:42,columnNumber:15})},void 0,!1,{fileName:Zl,lineNumber:41,columnNumber:13})},void 0,!1,{fileName:Zl,lineNumber:40,columnNumber:11})},void 0,!1,{fileName:Zl,lineNumber:39,columnNumber:9}),oe(si,{title:"Thumbnail in loading state",children:oe(Ni,{withSource:!0,children:oe("div",{style:"height: 250px; width:175px",children:oe(Qe,{isLoading:!0,children:oe("img",{src:"http://placekitten.com/200/300",alt:"kitty"},void 0,!1,{fileName:Zl,lineNumber:51,columnNumber:17})},void 0,!1,{fileName:Zl,lineNumber:50,columnNumber:15})},void 0,!1,{fileName:Zl,
-lineNumber:49,columnNumber:13})},void 0,!1,{fileName:Zl,lineNumber:48,columnNumber:11})},void 0,!1,{fileName:Zl,lineNumber:47,columnNumber:9}),oe(si,{title:"Empty thumbnail with custom placeholder",children:[oe("p",{children:"Placeholder can be any JSX"},void 0,!1,{fileName:Zl,lineNumber:58,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{style:"height: 250px; width:175px",children:oe(Qe,{placeholder:"!"},void 0,!1,{fileName:Zl,lineNumber:61,columnNumber:15})},void 0,!1,{fileName:Zl,lineNumber:60,columnNumber:13})},void 0,!1,{fileName:Zl,lineNumber:59,columnNumber:11})]},void 0,!0,{fileName:Zl,lineNumber:57,columnNumber:9})]},void 0,!0,{fileName:Zl,lineNumber:7,columnNumber:7}),oe(di,{title:"Thumbnail (smaller)",children:[oe("p",{children:"These examples are within a 100x150px parent."},void 0,!1,{fileName:Zl,lineNumber:68,columnNumber:9}),oe(si,{title:"Smaller loading spinner",children:oe(Ni,{withSource:!0,children:oe("div",{style:"width:150px; height:100px",children:oe(Qe,{isLoading:!0,size:"small"
-},void 0,!1,{fileName:Zl,lineNumber:72,columnNumber:15})},void 0,!1,{fileName:Zl,lineNumber:71,columnNumber:13})},void 0,!1,{fileName:Zl,lineNumber:70,columnNumber:11})},void 0,!1,{fileName:Zl,lineNumber:69,columnNumber:9}),oe(si,{title:"Constrained image proportions",children:oe(Ni,{withSource:!0,children:oe("div",{style:"width:150px; height:100px",children:oe(Qe,{size:"small",children:oe("img",{src:"http://placekitten.com/200/300",alt:"kitty"},void 0,!1,{fileName:Zl,lineNumber:81,columnNumber:17})},void 0,!1,{fileName:Zl,lineNumber:80,columnNumber:15})},void 0,!1,{fileName:Zl,lineNumber:79,columnNumber:13})},void 0,!1,{fileName:Zl,lineNumber:78,columnNumber:11})},void 0,!1,{fileName:Zl,lineNumber:77,columnNumber:9}),oe(si,{title:"Constrained image proportions: placeholder",children:oe(Ni,{withSource:!0,children:oe("div",{style:"width:150px; height:100px",children:oe(Qe,{size:"small"},void 0,!1,{fileName:Zl,lineNumber:90,columnNumber:15})},void 0,!1,{fileName:Zl,lineNumber:89,columnNumber:13})},void 0,!1,{
-fileName:Zl,lineNumber:88,columnNumber:11})},void 0,!1,{fileName:Zl,lineNumber:87,columnNumber:9})]},void 0,!0,{fileName:Zl,lineNumber:67,columnNumber:7})]},void 0,!0,{fileName:Zl,lineNumber:6,columnNumber:5})},group:"components"}];function Hl(e){return e?zl.filter((i=>i.group===e)):zl}function Al(e){return location.pathname.slice(e.length)}var Pl="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/PlaygroundApp.js";function Il({baseURL:e="/ui-playground",extraRoutes:i=[]}){const l=Hl().concat(i),[n,r]=function(e,i){var l;const[n,r]=W((()=>Al(e))),o=Y((()=>i.find((e=>n.match(e.route)))),[n,i]),t=`${null!==(l=null==o?void 0:o.title)&&void 0!==l?l:"Page not found"}: Hypothesis UI playground`;return G((()=>{document.title=t}),[t]),G((()=>{const i=()=>{r(Al(e))};return window.addEventListener("popstate",i),()=>{window.removeEventListener("popstate",i)}}),[e]),[o,(i,l)=>{i.preventDefault(),history.pushState({},t,e+l),r(l)}]}(e,l),o=n?oe(n.component,{},void 0,!1,{fileName:Pl,
-lineNumber:34,columnNumber:5}):oe(s,{children:[oe("h1",{children:":("},void 0,!1,{fileName:Pl,lineNumber:37,columnNumber:7}),oe("p",{children:"Page not found."},void 0,!1,{fileName:Pl,lineNumber:38,columnNumber:7})]},void 0,!0),t=[{title:"Foundations",routes:Hl("foundations")},{title:"Patterns",routes:Hl("patterns")},{title:"Common Components",routes:Hl("components")}];return i.length&&t.push({title:"Application Patterns",routes:i}),oe("main",{className:"grid grid-cols-[20rem_1fr] w-screen h-screen",children:[oe("div",{className:"bg-grey-2",children:[oe("div",{className:"p-4 text-center",children:oe(Ze,{href:e,onClick:e=>r(e,"/"),children:oe(me,{name:"logo"},void 0,!1,{fileName:Pl,lineNumber:57,columnNumber:13})},void 0,!1,{fileName:Pl,lineNumber:56,columnNumber:11})},void 0,!1,{fileName:Pl,lineNumber:55,columnNumber:9}),t.map((e=>oe("div",{children:[oe("h2",{className:"p-2",children:e.title},void 0,!1,{fileName:Pl,lineNumber:62,columnNumber:13}),oe("ul",{children:e.routes.map((({route:e,title:i})=>oe("li",{
-children:oe(Ze,{classes:j("w-full border-x-6 border-grey-2 py-3 pl-6 hover:bg-grey-3",{"bg-grey-3":(null==n?void 0:n.route)===e}),href:`${e}`,onClick:i=>r(i,e),children:i},void 0,!1,{fileName:Pl,lineNumber:66,columnNumber:19})},i,!1,{fileName:Pl,lineNumber:65,columnNumber:17})))},void 0,!1,{fileName:Pl,lineNumber:63,columnNumber:13})]},e.title,!0,{fileName:Pl,lineNumber:61,columnNumber:11})))]},void 0,!0,{fileName:Pl,lineNumber:54,columnNumber:7}),oe("div",{children:o},void 0,!1,{fileName:Pl,lineNumber:84,columnNumber:7})]},void 0,!0,{fileName:Pl,lineNumber:53,columnNumber:5})}!function({baseURL:e="",extraRoutes:i=[],icons:l={}}={}){!function(e,{reset:i=!1}={}){i&&te.clear();for(let[i,l]of Object.entries(e))te.set(i,l)}({...ti,...l});const n=document.querySelector("#app");z(oe(Il,{baseURL:e,extraRoutes:i},void 0,!1,{fileName:"/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/index.js",lineNumber:33,columnNumber:5}),n)}({baseURL:"/ui-playground",extraRoutes:[{route:"/buttons",
+children:Object.keys(el).map((e=>oe(Ce,{classes:"flex flex-col items-center bg-grey-0 border-[#9c9cab] space-y-3 rounded-lg",children:[oe("div",{style:"text-lg",children:oe(Te,{name:el[e]},void 0,!1,{fileName:Xi,lineNumber:25,columnNumber:17})},void 0,!1,{fileName:Xi,lineNumber:24,columnNumber:15}),oe("div",{children:e},void 0,!1,{fileName:Xi,lineNumber:27,columnNumber:15})]},e,!0,{fileName:Xi,lineNumber:20,columnNumber:13})))},void 0,!1,{fileName:Xi,lineNumber:18,columnNumber:9})},void 0,!1,{fileName:Xi,lineNumber:17,columnNumber:7})},void 0,!1,{fileName:Xi,lineNumber:16,columnNumber:5})},group:"foundations"},{route:"/foundations-layout",title:"Layout",component:function(){const[e,i]=W(!1),[l,n]=W(!1),[r,o]=W(!1);return oe(ci,{title:"Layout",children:oe(di,{title:"Positioning and Overlay",children:[oe(si,{title:"Centering in the viewport",children:[oe("p",{children:["The ",oe("code",{children:"fixed-centered"},void 0,!1,{fileName:il,lineNumber:16,columnNumber:17
+})," layout pattern centers an element both horizontally and vertically within the entire viewport."]},void 0,!0,{fileName:il,lineNumber:15,columnNumber:11}),oe(Ni,{children:oe("div",{children:[oe(se,{variant:"primary",onClick:()=>i(!0),children:"Show example"},void 0,!1,{fileName:il,lineNumber:21,columnNumber:15}),oe("div",{className:"hyp-u-fixed-centered",style:"width:450px;"+(e?"visibility:visible":"visibility:hidden"),children:oe(Ce,{classes:"w-[450px]",children:[oe("p",{children:"This is a card that is centered vertically and horizontally in the current viewport."},void 0,!1,{fileName:il,lineNumber:34,columnNumber:19}),oe(we,{children:oe(se,{variant:"primary",onClick:()=>i(!1),children:"Hide example"},void 0,!1,{fileName:il,lineNumber:39,columnNumber:21})},void 0,!1,{fileName:il,lineNumber:38,columnNumber:19})]},void 0,!0,{fileName:il,lineNumber:33,columnNumber:17})},void 0,!1,{fileName:il,lineNumber:27,columnNumber:15})]},void 0,!0,{fileName:il,lineNumber:20,columnNumber:13})},void 0,!1,{fileName:il,
+lineNumber:19,columnNumber:11})]},void 0,!0,{fileName:il,lineNumber:14,columnNumber:9}),oe(si,{title:"Full-screen overlay",children:[oe("p",{children:["The ",oe("code",{children:"overlay"},void 0,!1,{fileName:il,lineNumber:54,columnNumber:17})," layout pattern provides a full-viewport, semi-opaque overlay that obscures UI interactions in the viewport below. It is intended for use as a backdrop for modals, e.g."]},void 0,!0,{fileName:il,lineNumber:53,columnNumber:11}),oe(Ni,{children:oe("div",{children:[oe(se,{variant:"primary",onClick:()=>n(!0),children:"Show example"},void 0,!1,{fileName:il,lineNumber:60,columnNumber:15}),oe("div",{className:"hyp-u-overlay",style:l?"visibility:visible":"visibility:hidden",children:oe("div",{className:"hyp-u-fixed-centered",children:oe(se,{onClick:()=>n(!1),children:"Hide example"},void 0,!1,{fileName:il,lineNumber:73,columnNumber:19})},void 0,!1,{fileName:il,lineNumber:72,columnNumber:17})},void 0,!1,{fileName:il,lineNumber:66,columnNumber:15})]},void 0,!0,{fileName:il,
+lineNumber:59,columnNumber:13})},void 0,!1,{fileName:il,lineNumber:58,columnNumber:11})]},void 0,!0,{fileName:il,lineNumber:52,columnNumber:9}),oe(si,{title:"Full-screen overlay with fixed-centered content",children:[oe("p",{children:["This shows an example of combining the ",oe("code",{children:"overlay"},void 0,!1,{fileName:il,lineNumber:84,columnNumber:52})," and"," ",oe("code",{children:"fixed-centered"},void 0,!1,{fileName:il,lineNumber:85,columnNumber:13})," patterns."]},void 0,!0,{fileName:il,lineNumber:83,columnNumber:11}),oe(Ni,{children:oe("div",{children:[oe(se,{variant:"primary",onClick:()=>o(!0),children:"Show example"},void 0,!1,{fileName:il,lineNumber:89,columnNumber:15}),oe("div",{className:"hyp-u-overlay",style:r?"visibility:visible":"visibility:hidden",children:oe("div",{className:"hyp-u-fixed-centered",children:oe(Ce,{classes:"w-[450px]",children:[oe("div",{children:"This is content in a fixed-centered card of 450px width over a full-screen overlay."},void 0,!1,{fileName:il,lineNumber:103,
+columnNumber:21}),oe(we,{children:oe(se,{variant:"primary",onClick:()=>o(!1),children:"Hide example"},void 0,!1,{fileName:il,lineNumber:108,columnNumber:23})},void 0,!1,{fileName:il,lineNumber:107,columnNumber:21})]},void 0,!0,{fileName:il,lineNumber:102,columnNumber:19})},void 0,!1,{fileName:il,lineNumber:101,columnNumber:17})},void 0,!1,{fileName:il,lineNumber:95,columnNumber:15})]},void 0,!0,{fileName:il,lineNumber:88,columnNumber:13})},void 0,!1,{fileName:il,lineNumber:87,columnNumber:11})]},void 0,!0,{fileName:il,lineNumber:82,columnNumber:9})]},void 0,!0,{fileName:il,lineNumber:13,columnNumber:7})},void 0,!1,{fileName:il,lineNumber:12,columnNumber:5})},group:"foundations"},{route:"/patterns-containers",title:"Containers",component:function(){const[e,i]=W(!1);return oe(ci,{title:"Containers",children:[oe(di,{title:"Frame",children:[oe(si,{title:"Basic frame",children:[oe("p",{children:["A ",oe("code",{children:"frame"},void 0,!1,{fileName:ml,lineNumber:15,columnNumber:15
+})," provides a border, background, padding and vertical spacing of immediate children."]},void 0,!0,{fileName:ml,lineNumber:14,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{className:"hyp-frame",children:[oe("p",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."},void 0,!1,{fileName:ml,lineNumber:20,columnNumber:15}),oe("div",{children:"Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."},void 0,!1,{fileName:ml,lineNumber:21,columnNumber:15})]},void 0,!0,{fileName:ml,lineNumber:19,columnNumber:13})},void 0,!1,{fileName:ml,lineNumber:18,columnNumber:11})]},void 0,!0,{fileName:ml,lineNumber:13,columnNumber:9}),oe(si,{title:"Using frames with the 'clean' theme",children:[oe("p",{children:"Clean-theme styling removes borders from frames."},void 0,!1,{fileName:ml,lineNumber:30,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{className:"theme-clean",children:oe("div",{className:"hyp-frame",children:[oe("div",{
+children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."},void 0,!1,{fileName:ml,lineNumber:34,columnNumber:17}),oe("div",{children:"Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."},void 0,!1,{fileName:ml,lineNumber:37,columnNumber:17})]},void 0,!0,{fileName:ml,lineNumber:33,columnNumber:15})},void 0,!1,{fileName:ml,lineNumber:32,columnNumber:13})},void 0,!1,{fileName:ml,lineNumber:31,columnNumber:11})]},void 0,!0,{fileName:ml,lineNumber:29,columnNumber:9})]},void 0,!0,{fileName:ml,lineNumber:12,columnNumber:7}),oe(di,{title:"Card",children:[oe(si,{title:"Basic card",children:[oe("p",{children:["A ",oe("code",{children:"card"},void 0,!1,{fileName:ml,lineNumber:50,columnNumber:15})," is a frame with a shadow and hover-shadow effect that fills available horizontal space. It extends ",oe("code",{children:"frame"},void 0,!1,{fileName:ml,lineNumber:51,columnNumber:63}),"."]},void 0,!0,{fileName:ml,lineNumber:49,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{
+className:"hyp-card",children:[oe("p",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."},void 0,!1,{fileName:ml,lineNumber:56,columnNumber:15}),oe("p",{children:"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."},void 0,!1,{fileName:ml,lineNumber:60,columnNumber:15})]},void 0,!0,{fileName:ml,lineNumber:55,columnNumber:13})},void 0,!1,{fileName:ml,lineNumber:54,columnNumber:11})]},void 0,!0,{fileName:ml,lineNumber:48,columnNumber:9}),oe(si,{title:"Card with no hover",children:[oe("p",{children:"A card's hover can be disabled by using a modifying class."},void 0,!1,{fileName:ml,lineNumber:69,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{className:"hyp-card--no-hover",children:oe("p",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."},void 0,!1,{fileName:ml,lineNumber:72,
+columnNumber:15})},void 0,!1,{fileName:ml,lineNumber:71,columnNumber:13})},void 0,!1,{fileName:ml,lineNumber:70,columnNumber:11})]},void 0,!0,{fileName:ml,lineNumber:68,columnNumber:9}),oe(si,{title:"Card example with actions",children:[oe("p",{children:"This example shows a card with some available actions."},void 0,!1,{fileName:ml,lineNumber:81,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{className:"hyp-card",children:[oe("p",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."},void 0,!1,{fileName:ml,lineNumber:84,columnNumber:15}),oe("div",{className:"hyp-actions",children:[oe(de,{title:"User",icon:"profile"},void 0,!1,{fileName:ml,lineNumber:86,columnNumber:17}),oe(de,{title:"Edit",icon:"edit"},void 0,!1,{fileName:ml,lineNumber:87,columnNumber:17}),oe(de,{title:"Delete",icon:"trash"},void 0,!1,{fileName:ml,lineNumber:88,columnNumber:17})]},void 0,!0,{fileName:ml,lineNumber:85,columnNumber:15})]},void 0,!0,{fileName:ml,lineNumber:83,columnNumber:13})},void 0,!1,{fileName:ml,
+lineNumber:82,columnNumber:11})]},void 0,!0,{fileName:ml,lineNumber:80,columnNumber:9}),oe(si,{title:"Using cards with the 'clean' theme",children:[oe("p",{children:"Clean-theme styling removes hover shadows and borders."},void 0,!1,{fileName:ml,lineNumber:95,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{className:"theme-clean",children:oe("div",{className:"hyp-card",children:[oe("div",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."},void 0,!1,{fileName:ml,lineNumber:99,columnNumber:17}),oe("div",{className:"hyp-actions",children:[oe(de,{title:"User",icon:"profile"},void 0,!1,{fileName:ml,lineNumber:104,columnNumber:19}),oe(de,{title:"Edit",icon:"edit"},void 0,!1,{fileName:ml,lineNumber:105,columnNumber:19}),oe(de,{title:"Delete",icon:"trash"},void 0,!1,{fileName:ml,lineNumber:106,columnNumber:19})]},void 0,!0,{fileName:ml,lineNumber:103,columnNumber:17})]},void 0,!0,{fileName:ml,lineNumber:98,columnNumber:15})
+},void 0,!1,{fileName:ml,lineNumber:97,columnNumber:13})},void 0,!1,{fileName:ml,lineNumber:96,columnNumber:11})]},void 0,!0,{fileName:ml,lineNumber:94,columnNumber:9})]},void 0,!0,{fileName:ml,lineNumber:47,columnNumber:7}),oe(di,{title:"Actions",children:[oe("p",{children:["The ",oe("code",{children:"actions"},void 0,!1,{fileName:ml,lineNumber:116,columnNumber:15})," pattern lays out a set of items, typically buttons, in a row (default) or column, with spacing."," "]},void 0,!0,{fileName:ml,lineNumber:115,columnNumber:9}),oe(si,{title:"Horizontal (default) layout",children:[oe("p",{children:["These examples show ",oe("code",{children:"Actions"},void 0,!1,{fileName:ml,lineNumber:121,columnNumber:33})," used in its default layout (horizontal) with ",oe("code",{children:"LabeledButton"},void 0,!1,{fileName:ml,lineNumber:122,columnNumber:31})," and"," ",oe("code",{children:"IconButton"},void 0,!1,{fileName:ml,lineNumber:123,columnNumber:13})," components."]},void 0,!0,{fileName:ml,lineNumber:120,columnNumber:11
+}),oe(Ni,{withSource:!0,children:oe("div",{className:"hyp-actions",children:[oe(se,{icon:"profile",children:"User"},void 0,!1,{fileName:ml,lineNumber:127,columnNumber:15}),oe(se,{icon:"edit",children:"Edit"},void 0,!1,{fileName:ml,lineNumber:128,columnNumber:15}),oe(se,{icon:"trash",children:"Delete"},void 0,!1,{fileName:ml,lineNumber:129,columnNumber:15})]},void 0,!0,{fileName:ml,lineNumber:126,columnNumber:13})},void 0,!1,{fileName:ml,lineNumber:125,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{className:"hyp-actions",children:[oe(de,{title:"User",icon:"profile"},void 0,!1,{fileName:ml,lineNumber:135,columnNumber:15}),oe(de,{title:"Edit",icon:"edit"},void 0,!1,{fileName:ml,lineNumber:136,columnNumber:15}),oe(de,{title:"Delete",icon:"trash"},void 0,!1,{fileName:ml,lineNumber:137,columnNumber:15})]},void 0,!0,{fileName:ml,lineNumber:134,columnNumber:13})},void 0,!1,{fileName:ml,lineNumber:133,columnNumber:11})]},void 0,!0,{fileName:ml,lineNumber:119,columnNumber:9}),oe(si,{title:"Columnar layout",
+children:oe(Ni,{withSource:!0,children:oe("div",{className:"hyp-actions--column",children:[oe(se,{children:"User"},void 0,!1,{fileName:ml,lineNumber:145,columnNumber:15}),oe(se,{children:"Edit"},void 0,!1,{fileName:ml,lineNumber:146,columnNumber:15}),oe(se,{children:"Delete"},void 0,!1,{fileName:ml,lineNumber:147,columnNumber:15})]},void 0,!0,{fileName:ml,lineNumber:144,columnNumber:13})},void 0,!1,{fileName:ml,lineNumber:143,columnNumber:11})},void 0,!1,{fileName:ml,lineNumber:142,columnNumber:9}),oe(si,{title:"Columnar layout, filling space",children:[oe("p",{children:["This example shows buttons stretching to fill available space in"," ",oe("code",{children:"actions"},void 0,!1,{fileName:ml,lineNumber:155,columnNumber:13}),"."]},void 0,!0,{fileName:ml,lineNumber:153,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{style:"width:300px",children:oe("div",{className:"hyp-actions--column",children:[oe(se,{variant:"primary",children:"Do this"},void 0,!1,{fileName:ml,lineNumber:160,columnNumber:17
+}),oe(se,{variant:"primary",children:"No, this!"},void 0,!1,{fileName:ml,lineNumber:161,columnNumber:17}),oe(se,{variant:"primary",children:"Maybe this?"},void 0,!1,{fileName:ml,lineNumber:162,columnNumber:17})]},void 0,!0,{fileName:ml,lineNumber:159,columnNumber:15})},void 0,!1,{fileName:ml,lineNumber:158,columnNumber:13})},void 0,!1,{fileName:ml,lineNumber:157,columnNumber:11})]},void 0,!0,{fileName:ml,lineNumber:152,columnNumber:9})]},void 0,!0,{fileName:ml,lineNumber:114,columnNumber:7}),oe(di,{title:"Modal",children:oe(si,{title:"Responsive modal container",children:[oe("p",{children:["This pattern makes use of the ",oe("code",{children:"overlay"},void 0,!1,{fileName:ml,lineNumber:172,columnNumber:43})," pattern. It responsively positions and sizes a container in the viewport to hold modal content."]},void 0,!0,{fileName:ml,lineNumber:171,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{children:[oe(se,{variant:"primary",onClick:()=>i(!0),children:"Show example"},void 0,!1,{fileName:ml,
+lineNumber:178,columnNumber:15}),oe("div",{className:"hyp-u-overlay",style:{visibility:e?"visible":"hidden"},children:oe("div",{className:"hyp-modal",children:oe("div",{className:"hyp-card",children:[oe("div",{children:oe("p",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut congue bibendum ipsum, ut euismod eros. Morbi sit amet sollicitudin diam. Cras tristique dui at nulla gravida, non sodales velit tincidunt. Pellentesque pharetra elit ac risus porta, vel vestibulum odio consectetur. Aliquam convallis augue ex, vitae aliquet enim varius id. Integer porttitor erat non nisi posuere, a tempus felis ultrices. In hac habitasse platea dictumst. Donec ut justo at odio pharetra laoreet ac consectetur elit."},void 0,!1,{fileName:ml,lineNumber:191,columnNumber:23})},void 0,!1,{fileName:ml,lineNumber:190,columnNumber:21}),oe("div",{className:"hyp-actions",children:oe(se,{variant:"primary",onClick:()=>i(!1),children:"Hide example"},void 0,!1,{fileName:ml,lineNumber:205,columnNumber:23})
+},void 0,!1,{fileName:ml,lineNumber:204,columnNumber:21})]},void 0,!0,{fileName:ml,lineNumber:189,columnNumber:19})},void 0,!1,{fileName:ml,lineNumber:188,columnNumber:17})},void 0,!1,{fileName:ml,lineNumber:184,columnNumber:15})]},void 0,!0,{fileName:ml,lineNumber:177,columnNumber:13})},void 0,!1,{fileName:ml,lineNumber:176,columnNumber:11})]},void 0,!0,{fileName:ml,lineNumber:170,columnNumber:9})},void 0,!1,{fileName:ml,lineNumber:169,columnNumber:7}),oe(di,{title:"Scrollbox",children:[oe("p",{children:[oe("code",{children:"Scrollbox"},void 0,!1,{fileName:ml,lineNumber:222,columnNumber:11})," is a CSS-only pattern that provides scroll-hint affordances for overflowing content (shadows). It sets its own"," ",oe("code",{children:"overflow: auto"},void 0,!1,{fileName:ml,lineNumber:224,columnNumber:11})," scrolling context, but authors need to define bounding dimensions."]},void 0,!0,{fileName:ml,lineNumber:221,columnNumber:9}),oe(si,{title:"List in a scrollbox",children:[oe("p",{
+children:["This example shows an overflowing ",oe("code",{children:"ul"},void 0,!1,{fileName:ml,lineNumber:229,columnNumber:47})," in a"," ",oe("code",{children:"scrollbox"},void 0,!1,{fileName:ml,lineNumber:230,columnNumber:13}),"."]},void 0,!0,{fileName:ml,lineNumber:228,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{style:"height:250px;width:250px",children:oe("div",{className:"hyp-scrollbox",children:oe("ul",{className:"hyp-u-padding hyp-u-vertical-spacing",children:oe(rl,{},void 0,!1,{fileName:ml,lineNumber:236,columnNumber:19})},void 0,!1,{fileName:ml,lineNumber:235,columnNumber:17})},void 0,!1,{fileName:ml,lineNumber:234,columnNumber:15})},void 0,!1,{fileName:ml,lineNumber:233,columnNumber:13})},void 0,!1,{fileName:ml,lineNumber:232,columnNumber:11})]},void 0,!0,{fileName:ml,lineNumber:227,columnNumber:9}),oe(si,{title:"Scrollbox with header offset",children:[oe("p",{children:["The ",oe("code",{children:"scrollbox--with-header"},void 0,!1,{fileName:ml,lineNumber:245,columnNumber:17
+})," pattern offsets the top scroll-hinting shadow to accommodate one header-like element with a touch-target height (currently 44px)."]},void 0,!0,{fileName:ml,lineNumber:244,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{style:"height:250px;width:250px",children:oe("div",{className:"hyp-scrollbox--with-header",children:[oe("div",{className:"hyp-sticky-header",children:oe("div",{className:"hyp-sticky-header__heading",children:oe("strong",{children:"NATO Phonetic Alphabet"},void 0,!1,{fileName:ml,lineNumber:255,columnNumber:21})},void 0,!1,{fileName:ml,lineNumber:254,columnNumber:19})},void 0,!1,{fileName:ml,lineNumber:253,columnNumber:17}),oe("ul",{className:"hyp-u-padding hyp-u-vertical-spacing",children:oe(rl,{},void 0,!1,{fileName:ml,lineNumber:259,columnNumber:19})},void 0,!1,{fileName:ml,lineNumber:258,columnNumber:17})]},void 0,!0,{fileName:ml,lineNumber:252,columnNumber:15})},void 0,!1,{fileName:ml,lineNumber:251,columnNumber:13})},void 0,!1,{fileName:ml,lineNumber:250,columnNumber:11})]
+},void 0,!0,{fileName:ml,lineNumber:243,columnNumber:9})]},void 0,!0,{fileName:ml,lineNumber:220,columnNumber:7})]},void 0,!0,{fileName:ml,lineNumber:11,columnNumber:5})},group:"patterns"},{route:"/patterns-forms",title:"Forms",component:function(){return oe(ci,{title:"Forms",children:[oe(di,{title:"Checkbox",children:[oe("p",{children:["A checkbox, styled accessibly with an SVG image. The SVG image is an adjacent sibling to the checkbox ",oe("code",{children:"input"},void 0,!1,{fileName:ll,lineNumber:10,columnNumber:44}),"."]},void 0,!0,{fileName:ll,lineNumber:8,columnNumber:9}),oe(si,{title:"Checkbox",children:[oe("p",{children:["This example shows an ",oe("code",{children:'input type="checkbox"'},void 0,!1,{fileName:ll,lineNumber:14,columnNumber:35})," ","element with the ",oe("code",{children:"checkbox"},void 0,!1,{fileName:ll,lineNumber:15,columnNumber:30})," pattern applied, both unchecked and checked."]},void 0,!0,{fileName:ll,lineNumber:13,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{
+className:"hyp-u-layout-row hyp-u-horizontal-spacing",children:[oe("div",{children:[oe("input",{className:"hyp-checkbox",type:"checkbox"},void 0,!1,{fileName:ll,lineNumber:21,columnNumber:17}),oe(me,{name:"checkbox"},void 0,!1,{fileName:ll,lineNumber:22,columnNumber:17})]},void 0,!0,{fileName:ll,lineNumber:20,columnNumber:15}),oe("div",{children:[oe("input",{className:"hyp-checkbox",type:"checkbox",checked:!0},void 0,!1,{fileName:ll,lineNumber:26,columnNumber:17}),oe(me,{name:"checkbox"},void 0,!1,{fileName:ll,lineNumber:27,columnNumber:17})]},void 0,!0,{fileName:ll,lineNumber:25,columnNumber:15})]},void 0,!0,{fileName:ll,lineNumber:19,columnNumber:13})},void 0,!1,{fileName:ll,lineNumber:18,columnNumber:11})]},void 0,!0,{fileName:ll,lineNumber:12,columnNumber:9}),oe(si,{title:"Checkbox with label",children:oe(Ni,{withSource:!0,children:oe("label",{className:"hyp-label",children:[oe("input",{className:"hyp-checkbox",type:"checkbox"},void 0,!1,{fileName:ll,lineNumber:36,columnNumber:15}),oe(me,{name:"checkbox"
+},void 0,!1,{fileName:ll,lineNumber:37,columnNumber:15}),oe("span",{children:"Click me, please"},void 0,!1,{fileName:ll,lineNumber:38,columnNumber:15})]},void 0,!0,{fileName:ll,lineNumber:35,columnNumber:13})},void 0,!1,{fileName:ll,lineNumber:34,columnNumber:11})},void 0,!1,{fileName:ll,lineNumber:33,columnNumber:9})]},void 0,!0,{fileName:ll,lineNumber:7,columnNumber:7}),oe(di,{title:"Text inputs",children:[oe("p",{children:["A pattern for ",oe("code",{children:'input type="text"'},void 0,!1,{fileName:ll,lineNumber:46,columnNumber:25})]},void 0,!0,{fileName:ll,lineNumber:45,columnNumber:9}),oe(si,{title:"Basic text input",children:oe(Ni,{withSource:!0,children:oe("input",{className:"hyp-text-input",type:"text",placeholder:"http://www.example.com"},void 0,!1,{fileName:ll,lineNumber:50,columnNumber:13})},void 0,!1,{fileName:ll,lineNumber:49,columnNumber:11})},void 0,!1,{fileName:ll,lineNumber:48,columnNumber:9}),oe(si,{title:"Text input in an error state",children:oe(Ni,{withSource:!0,children:oe("input",{
+className:"hyp-text-input has-error",type:"text",placeholder:"http://www.example.com"},void 0,!1,{fileName:ll,lineNumber:60,columnNumber:13})},void 0,!1,{fileName:ll,lineNumber:59,columnNumber:11})},void 0,!1,{fileName:ll,lineNumber:58,columnNumber:9})]},void 0,!0,{fileName:ll,lineNumber:44,columnNumber:7}),oe(di,{title:"Text input with button",children:[oe("p",{children:"A pattern that pairs a text input field with an icon-only button. Use a dark-variant button to match the standard pattern here."},void 0,!1,{fileName:ll,lineNumber:70,columnNumber:9}),oe(si,{title:"Text input with a dark-variant IconButton",children:oe(Ni,{withSource:!0,children:oe("div",{style:{width:"300px"},children:oe("div",{className:"hyp-text-input-with-button",children:[oe("input",{type:"text",placeholder:"http://www.example.com"},void 0,!1,{fileName:ll,lineNumber:78,columnNumber:17}),oe(de,{icon:"arrow-right",title:"go",variant:"dark"},void 0,!1,{fileName:ll,lineNumber:79,columnNumber:17})]},void 0,!0,{fileName:ll,lineNumber:77,
+columnNumber:15})},void 0,!1,{fileName:ll,lineNumber:76,columnNumber:13})},void 0,!1,{fileName:ll,lineNumber:75,columnNumber:11})},void 0,!1,{fileName:ll,lineNumber:74,columnNumber:9}),oe(si,{title:"Text input and button in an error state",children:oe(Ni,{withSource:!0,children:oe("div",{style:{width:"300px"},children:oe("div",{className:"hyp-text-input-with-button",children:[oe("input",{type:"text",placeholder:"http://www.example.com",className:"has-error"},void 0,!1,{fileName:ll,lineNumber:89,columnNumber:17}),oe(de,{icon:"arrow-right",title:"go",variant:"dark"},void 0,!1,{fileName:ll,lineNumber:94,columnNumber:17})]},void 0,!0,{fileName:ll,lineNumber:88,columnNumber:15})},void 0,!1,{fileName:ll,lineNumber:87,columnNumber:13})},void 0,!1,{fileName:ll,lineNumber:86,columnNumber:11})},void 0,!1,{fileName:ll,lineNumber:85,columnNumber:9})]},void 0,!0,{fileName:ll,lineNumber:69,columnNumber:7})]},void 0,!0,{fileName:ll,lineNumber:6,columnNumber:5})},group:"patterns"},{route:"/patterns-links",title:"Links",
+component:function(){return oe(ci,{title:"Links",children:oe(di,{title:"Link",children:[oe("p",{children:["The link pattern for ",oe("code",{children:"<a>"},void 0,!1,{fileName:ul,lineNumber:8,columnNumber:32})," tags uses brand red and no underline, as well as a rounded keyboard focus ring."]},void 0,!0,{fileName:ul,lineNumber:7,columnNumber:9}),oe(si,{children:oe(Ni,{withSource:!0,children:[oe("a",{className:"hyp-link",href:"http://www.example.com",children:"This is a link"},void 0,!1,{fileName:ul,lineNumber:13,columnNumber:13}),oe("a",{className:"hyp-link",href:"http://www.example.com",children:"This is another link"},void 0,!1,{fileName:ul,lineNumber:16,columnNumber:13})]},void 0,!0,{fileName:ul,lineNumber:12,columnNumber:11})},void 0,!1,{fileName:ul,lineNumber:11,columnNumber:9})]},void 0,!0,{fileName:ul,lineNumber:6,columnNumber:7})},void 0,!1,{fileName:ul,lineNumber:5,columnNumber:5})},group:"patterns"},{route:"/patterns-panels",title:"Panels",component:function(){return oe(ci,{title:"Panels",
+children:[oe("p",{children:["The ",oe("code",{children:"panel"},void 0,!1,{fileName:al,lineNumber:8,columnNumber:13})," pattern is used by several components:"," ",oe("code",{children:"Panel"},void 0,!1,{fileName:al,lineNumber:9,columnNumber:9}),", ",oe("code",{children:"Dialog"},void 0,!1,{fileName:al,lineNumber:9,columnNumber:29}),", ",oe("code",{children:"Modal"},void 0,!1,{fileName:al,lineNumber:9,columnNumber:50}),", e.g."]},void 0,!0,{fileName:al,lineNumber:7,columnNumber:7}),oe(di,{title:"Panel",children:[oe("p",{children:["A panel is a card with a header and affordances for a close button. Use the ",oe("code",{children:"--closeable"},void 0,!1,{fileName:al,lineNumber:14,columnNumber:19})," modifier when using"," ",oe("code",{children:"panel"},void 0,!1,{fileName:al,lineNumber:15,columnNumber:11})," with an icon-only close button."]},void 0,!0,{fileName:al,lineNumber:12,columnNumber:9}),oe(si,{title:"Panel with no header",children:[oe("p",{
+children:["This is in a panel that has no header. A header is not required, but you are encouraged to use ",oe("code",{children:"card"},void 0,!1,{fileName:al,lineNumber:20,columnNumber:39})," in that case. Note that a ",oe("code",{children:"panel"},void 0,!1,{fileName:al,lineNumber:21,columnNumber:15})," will currently fill all available space. The containing element has been set to ",oe("code",{children:"max-width: 400px"},void 0,!1,{fileName:al,lineNumber:22,columnNumber:48})," ","here."]},void 0,!0,{fileName:al,lineNumber:18,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{style:{maxWidth:"400px"},children:oe("div",{className:"hyp-panel",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat"},void 0,!1,{fileName:al,lineNumber:27,columnNumber:15})},void 0,!1,{fileName:al,lineNumber:26,columnNumber:13})
+},void 0,!1,{fileName:al,lineNumber:25,columnNumber:11})]},void 0,!0,{fileName:al,lineNumber:17,columnNumber:9}),oe(si,{title:"Panel with title but no close button",children:[oe("p",{children:"This example shows a panel with header and content, but no close affordances."},void 0,!1,{fileName:al,lineNumber:38,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{className:"hyp-panel",children:[oe("header",{className:"hyp-panel__header",children:oe("h2",{className:"hyp-panel__title",children:"This is a panel title in a panel header"},void 0,!1,{fileName:al,lineNumber:45,columnNumber:17})},void 0,!1,{fileName:al,lineNumber:44,columnNumber:15}),oe("div",{children:"This is panel content. There is a header but no close affordance."},void 0,!1,{fileName:al,lineNumber:49,columnNumber:15})]},void 0,!0,{fileName:al,lineNumber:43,columnNumber:13})},void 0,!1,{fileName:al,lineNumber:42,columnNumber:11})]},void 0,!0,{fileName:al,lineNumber:37,columnNumber:9}),oe(si,{title:"Closeable panel",children:[oe("p",{
+children:["This example shows a panel pattern with a ",oe("code",{children:"IconButton"},void 0,!1,{fileName:al,lineNumber:59,columnNumber:55})," ","close button, using the ",oe("code",{children:"--closeable"},void 0,!1,{fileName:al,lineNumber:60,columnNumber:37})," modifier."]},void 0,!0,{fileName:al,lineNumber:58,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{className:"hyp-panel hyp-panel--closeable",children:[oe("header",{className:"hyp-panel__header",children:[oe("h2",{className:"hyp-panel__title",children:"Panel title on a closeable panel"},void 0,!1,{fileName:al,lineNumber:65,columnNumber:17}),oe("div",{className:"hyp-panel__close",children:oe(de,{icon:"cancel",title:"Close"},void 0,!1,{fileName:al,lineNumber:69,columnNumber:19})},void 0,!1,{fileName:al,lineNumber:68,columnNumber:17})]},void 0,!0,{fileName:al,lineNumber:64,columnNumber:15}),oe("div",{children:["This is panel content in a panel, using ",oe("code",{children:"--closeable"},void 0,!1,{fileName:al,lineNumber:73,columnNumber:57
+}),"."]},void 0,!0,{fileName:al,lineNumber:72,columnNumber:15})]},void 0,!0,{fileName:al,lineNumber:63,columnNumber:13})},void 0,!1,{fileName:al,lineNumber:62,columnNumber:11})]},void 0,!0,{fileName:al,lineNumber:57,columnNumber:9}),oe(si,{title:"Panel with actions",children:[oe("p",{children:["It is common to render some ",oe("code",{children:"actions"},void 0,!1,{fileName:al,lineNumber:82,columnNumber:41})," within a panel."]},void 0,!0,{fileName:al,lineNumber:81,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{className:"hyp-panel hyp-panel--closeable",children:[oe("header",{className:"hyp-panel__header",children:[oe("h2",{className:"hyp-panel__title",children:"Panel title"},void 0,!1,{fileName:al,lineNumber:87,columnNumber:17}),oe("div",{className:"hyp-panel__close",children:oe(de,{icon:"cancel",title:"Close"},void 0,!1,{fileName:al,lineNumber:89,columnNumber:19})},void 0,!1,{fileName:al,lineNumber:88,columnNumber:17})]},void 0,!0,{fileName:al,lineNumber:86,columnNumber:15}),oe("div",{
+children:"This is panel content in a panel that also has some available actions."},void 0,!1,{fileName:al,lineNumber:92,columnNumber:15}),oe("div",{className:"hyp-actions",children:[oe(se,{title:"Cancel",children:"Cancel"},void 0,!1,{fileName:al,lineNumber:97,columnNumber:17}),oe(se,{title:"Try again",variant:"primary",children:"Try again"},void 0,!1,{fileName:al,lineNumber:98,columnNumber:17})]},void 0,!0,{fileName:al,lineNumber:96,columnNumber:15})]},void 0,!0,{fileName:al,lineNumber:85,columnNumber:13})},void 0,!1,{fileName:al,lineNumber:84,columnNumber:11})]},void 0,!0,{fileName:al,lineNumber:80,columnNumber:9})]},void 0,!0,{fileName:al,lineNumber:11,columnNumber:7})]},void 0,!0,{fileName:al,lineNumber:6,columnNumber:5})},group:"patterns"},{route:"/patterns-spinners",title:"Spinners",component:function(){const[e,i]=W(!1),l=K();return He(l,!0,(()=>{i(!1)})),oe(ci,{title:"Spinners",children:[oe("p",{children:["The ",oe("code",{children:"spinner"},void 0,!1,{fileName:cl,lineNumber:25,columnNumber:13
+})," pattern can be used to show loading states. It is an animated SVG."]},void 0,!0,{fileName:cl,lineNumber:24,columnNumber:7}),oe(di,{title:"Spinner",children:[oe("p",{children:["The spinner is ",oe("code",{children:"em-sized"},void 0,!1,{fileName:cl,lineNumber:30,columnNumber:26}),"; it renders at ",oe("code",{children:"1em"},void 0,!1,{fileName:cl,lineNumber:30,columnNumber:63})," ","square, by default. Other relative sizes are available as shown. For manual sizing control, adjust the font-size of a parent element. Spinners have a default foreground color, which may be overridden with utility classes."]},void 0,!0,{fileName:cl,lineNumber:29,columnNumber:9}),oe(si,{title:"Default size",children:[oe("p",{children:["At its default size, the spinner is ",oe("code",{children:"2em"},void 0,!1,{fileName:cl,lineNumber:38,columnNumber:49})," square."]},void 0,!0,{fileName:cl,lineNumber:37,columnNumber:11}),oe(Ni,{withSource:!0,children:oe(Te,{name:"hyp-spinner",containerClasses:"hyp-spinner"},void 0,!1,{
+fileName:cl,lineNumber:41,columnNumber:13})},void 0,!1,{fileName:cl,lineNumber:40,columnNumber:11})]},void 0,!0,{fileName:cl,lineNumber:36,columnNumber:9}),oe(si,{title:"Small size",children:[oe("p",{children:["Small spinners are ",oe("code",{children:"1em"},void 0,!1,{fileName:cl,lineNumber:46,columnNumber:32})," square and can be used inline."]},void 0,!0,{fileName:cl,lineNumber:45,columnNumber:11}),oe(Ni,{withSource:!0,children:oe(Te,{name:"hyp-spinner",containerClasses:"hyp-spinner--small"},void 0,!1,{fileName:cl,lineNumber:49,columnNumber:13})},void 0,!1,{fileName:cl,lineNumber:48,columnNumber:11})]},void 0,!0,{fileName:cl,lineNumber:44,columnNumber:9}),oe(si,{title:"Large size",children:[oe("p",{children:["Large spinners are ",oe("code",{children:"4em"},void 0,!1,{fileName:cl,lineNumber:54,columnNumber:32})," square."]},void 0,!0,{fileName:cl,lineNumber:53,columnNumber:11}),oe(Ni,{withSource:!0,children:oe(Te,{name:"hyp-spinner",containerClasses:"hyp-spinner--large"},void 0,!1,{fileName:cl,
+lineNumber:57,columnNumber:13})},void 0,!1,{fileName:cl,lineNumber:56,columnNumber:11})]},void 0,!0,{fileName:cl,lineNumber:52,columnNumber:9}),oe(si,{title:"Changing color",children:[oe("p",{children:"The color of the spinner may be changed by use of utility classes."},void 0,!1,{fileName:cl,lineNumber:62,columnNumber:11}),oe(Ni,{withSource:!0,children:oe(Te,{name:"hyp-spinner",containerClasses:"hyp-spinner hyp-u-color--brand"},void 0,!1,{fileName:cl,lineNumber:66,columnNumber:13})},void 0,!1,{fileName:cl,lineNumber:65,columnNumber:11})]},void 0,!0,{fileName:cl,lineNumber:61,columnNumber:9})]},void 0,!0,{fileName:cl,lineNumber:28,columnNumber:7}),oe(di,{title:"Full Screen Spinner",children:oe(si,{children:[oe("p",{children:["The full-screen spinner pattern centers a large spinner in a light overlay. Press ",oe("code",{children:"ESC"},void 0,!1,{fileName:cl,lineNumber:78,columnNumber:28})," to hide the spinner."]},void 0,!0,{fileName:cl,lineNumber:76,columnNumber:11}),oe(Ni,{children:[oe(se,{
+onClick:()=>i(!0),children:"Show Full-Screen Spinner"},void 0,!1,{fileName:cl,lineNumber:81,columnNumber:13}),e&&oe("div",{className:"hyp-full-screen-spinner",ref:l,children:oe(Te,{name:"hyp-spinner",containerClasses:"hyp-spinner--large hyp-full-screen-spinner__spinner"},void 0,!1,{fileName:cl,lineNumber:89,columnNumber:17})},void 0,!1,{fileName:cl,lineNumber:85,columnNumber:15})]},void 0,!0,{fileName:cl,lineNumber:80,columnNumber:11})]},void 0,!0,{fileName:cl,lineNumber:75,columnNumber:9})},void 0,!1,{fileName:cl,lineNumber:74,columnNumber:7})]},void 0,!0,{fileName:cl,lineNumber:23,columnNumber:5})},group:"patterns"},{route:"/patterns-tables",title:"Tables",component:function(){return oe(ci,{title:"Tables",children:[oe("p",{children:["These ",oe("code",{children:"table"},void 0,!1,{fileName:dl,lineNumber:9,columnNumber:15})," patterns support a basic table layout that adapts to available space. They are intended for simpler tabular display: maximum 2 or possibly 3 columns. Remember that"," ",oe("code",{
+children:"table"},void 0,!1,{fileName:dl,lineNumber:12,columnNumber:9})," content needs to be usable in tight and narrow spaces."]},void 0,!0,{fileName:dl,lineNumber:8,columnNumber:7}),oe(di,{title:"Table",children:[oe(si,{title:"Basic table",variant:"wide",children:[oe("p",{children:["By default, a ",oe("code",{children:"table"},void 0,!1,{fileName:dl,lineNumber:18,columnNumber:27})," will fill available horizontal space, and will use whatever height is needed to render its rows."," ",oe("code",{children:"tr.is-selected"},void 0,!1,{fileName:dl,lineNumber:20,columnNumber:13})," styles a row as selected."]},void 0,!0,{fileName:dl,lineNumber:17,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("table",{className:"hyp-table",children:[oe("thead",{children:oe("tr",{children:[oe("th",{scope:"col",className:"hyp-table__header",children:"Column A"},void 0,!1,{fileName:dl,lineNumber:27,columnNumber:19}),oe("th",{scope:"col",className:"hyp-table__header",children:"Column B"},void 0,!1,{fileName:dl,lineNumber:30,
+columnNumber:19})]},void 0,!0,{fileName:dl,lineNumber:26,columnNumber:17})},void 0,!1,{fileName:dl,lineNumber:25,columnNumber:15}),oe(ol,{},void 0,!1,{fileName:dl,lineNumber:35,columnNumber:15})]},void 0,!0,{fileName:dl,lineNumber:24,columnNumber:13})},void 0,!1,{fileName:dl,lineNumber:23,columnNumber:11})]},void 0,!0,{fileName:dl,lineNumber:16,columnNumber:9}),oe(si,{title:"Adjusting column widths",children:[oe("p",{children:["Table column widths may be adjusted by styling ",oe("code",{children:"thead th"},void 0,!1,{fileName:dl,lineNumber:42,columnNumber:60})," ","elements. In this example, the column widths are set to 30% and 70%."]},void 0,!0,{fileName:dl,lineNumber:41,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("table",{className:"hyp-table",children:[oe("thead",{children:oe("tr",{children:[oe("th",{scope:"col",className:"hyp-table__header",style:"width:30%",children:"Column A"},void 0,!1,{fileName:dl,lineNumber:49,columnNumber:19}),oe("th",{scope:"col",className:"hyp-table__header",
+style:"width:70%",children:"Column B"},void 0,!1,{fileName:dl,lineNumber:56,columnNumber:19})]},void 0,!0,{fileName:dl,lineNumber:48,columnNumber:17})},void 0,!1,{fileName:dl,lineNumber:47,columnNumber:15}),oe(ol,{},void 0,!1,{fileName:dl,lineNumber:65,columnNumber:15})]},void 0,!0,{fileName:dl,lineNumber:46,columnNumber:13})},void 0,!1,{fileName:dl,lineNumber:45,columnNumber:11})]},void 0,!0,{fileName:dl,lineNumber:40,columnNumber:9}),oe(si,{title:"Constraining with a scrollbox",children:[oe("p",{children:["In this example, the ",oe("code",{children:"table"},void 0,!1,{fileName:dl,lineNumber:72,columnNumber:34})," is constrained within a"," ",oe("code",{children:"scrollbox"},void 0,!1,{fileName:dl,lineNumber:73,columnNumber:13})," with a ",oe("code",{children:"max-height"},void 0,!1,{fileName:dl,lineNumber:73,columnNumber:43}),"."]},void 0,!0,{fileName:dl,lineNumber:71,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{style:"max-height:250px",className:"hyp-scrollbox--with-header",
+children:oe("table",{className:"hyp-table",children:[oe("thead",{children:oe("tr",{children:[oe("th",{scope:"col",className:"hyp-table__header",children:"Column A"},void 0,!1,{fileName:dl,lineNumber:83,columnNumber:21}),oe("th",{scope:"col",className:"hyp-table__header",children:"Column B"},void 0,!1,{fileName:dl,lineNumber:86,columnNumber:21})]},void 0,!0,{fileName:dl,lineNumber:82,columnNumber:19})},void 0,!1,{fileName:dl,lineNumber:81,columnNumber:17}),oe(ol,{},void 0,!1,{fileName:dl,lineNumber:91,columnNumber:17})]},void 0,!0,{fileName:dl,lineNumber:80,columnNumber:15})},void 0,!1,{fileName:dl,lineNumber:76,columnNumber:13})},void 0,!1,{fileName:dl,lineNumber:75,columnNumber:11})]},void 0,!0,{fileName:dl,lineNumber:70,columnNumber:9})]},void 0,!0,{fileName:dl,lineNumber:15,columnNumber:7})]},void 0,!0,{fileName:dl,lineNumber:7,columnNumber:5})},group:"patterns"},{route:"/patterns-thumbnails",title:"Thumbnails",component:function(){return oe(ci,{title:"Thumbnails",children:[oe("p",{
+children:["The ",oe("code",{children:"thumbnail"},void 0,!1,{fileName:sl,lineNumber:8,columnNumber:13})," pattern is for displaying thumbnail or other images in a frame of constrained size. It provides a variant for displaying a placeholder (when there is no image to render) or a loading state."]},void 0,!0,{fileName:sl,lineNumber:7,columnNumber:7}),oe("p",{children:"The thumbnail will fill the available space in the parent (100%), but will constrain the image dimensions within that space, retaining aspect ratio. It will retain its dimensions even when empty or in loading state."},void 0,!1,{fileName:sl,lineNumber:13,columnNumber:7}),oe(di,{title:"Thumbnail",children:[oe("p",{children:"These examples show a thumbnail that is contained within a parent container sized to 250x175px."},void 0,!1,{fileName:sl,lineNumber:20,columnNumber:9}),oe(si,{title:"Thumbnail with content",children:oe(Ni,{withSource:!0,children:oe("div",{style:"height: 250px; width: 175px",children:oe("div",{className:"hyp-thumbnail",
+children:oe("div",{className:"hyp-thumbnail__content",children:oe("img",{src:"http://placekitten.com/200/300",alt:"kitty"},void 0,!1,{fileName:sl,lineNumber:29,columnNumber:19})},void 0,!1,{fileName:sl,lineNumber:28,columnNumber:17})},void 0,!1,{fileName:sl,lineNumber:27,columnNumber:15})},void 0,!1,{fileName:sl,lineNumber:26,columnNumber:13})},void 0,!1,{fileName:sl,lineNumber:25,columnNumber:11})},void 0,!1,{fileName:sl,lineNumber:24,columnNumber:9}),oe(si,{title:"Thumbnail with placeholder",children:oe(Ni,{withSource:!0,children:oe("div",{style:"height: 250px; width: 175px",children:oe("div",{className:"hyp-thumbnail",children:oe("div",{className:"hyp-thumbnail__content",children:oe("div",{className:"hyp-thumbnail__placeholder",children:"..."},void 0,!1,{fileName:sl,lineNumber:41,columnNumber:19})},void 0,!1,{fileName:sl,lineNumber:40,columnNumber:17})},void 0,!1,{fileName:sl,lineNumber:39,columnNumber:15})},void 0,!1,{fileName:sl,lineNumber:38,columnNumber:13})},void 0,!1,{fileName:sl,lineNumber:37,
+columnNumber:11})},void 0,!1,{fileName:sl,lineNumber:36,columnNumber:9}),oe(si,{title:"thumbnail in loading state",children:oe(Ni,{withSource:!0,children:oe("div",{style:"height: 250px; width: 175px",children:oe("div",{className:"hyp-thumbnail",children:oe("div",{className:"hyp-thumbnail__content",children:oe(me,{name:"hyp-spinner",className:"hyp-spinner"},void 0,!1,{fileName:sl,lineNumber:53,columnNumber:19})},void 0,!1,{fileName:sl,lineNumber:52,columnNumber:17})},void 0,!1,{fileName:sl,lineNumber:51,columnNumber:15})},void 0,!1,{fileName:sl,lineNumber:50,columnNumber:13})},void 0,!1,{fileName:sl,lineNumber:49,columnNumber:11})},void 0,!1,{fileName:sl,lineNumber:48,columnNumber:9})]},void 0,!0,{fileName:sl,lineNumber:19,columnNumber:7}),oe(di,{title:"Thumbnail in smaller dimensions",children:[oe("p",{children:"These examples show all three states of a thumnbail in a smaller space: 150x100px."},void 0,!1,{fileName:sl,lineNumber:62,columnNumber:9}),oe(si,{title:"All three states shown",children:oe(Ni,{
+withSource:!0,children:[oe("div",{style:"width: 100px; height: 150px",children:oe("div",{className:"hyp-thumbnail",children:oe("div",{className:"hyp-thumbnail__content",children:oe("img",{src:"http://placekitten.com/100/150",alt:"kitty"},void 0,!1,{fileName:sl,lineNumber:71,columnNumber:19})},void 0,!1,{fileName:sl,lineNumber:70,columnNumber:17})},void 0,!1,{fileName:sl,lineNumber:69,columnNumber:15})},void 0,!1,{fileName:sl,lineNumber:68,columnNumber:13}),oe("div",{style:"width: 100px; height: 150px",children:oe("div",{className:"hyp-thumbnail",children:oe("div",{className:"hyp-thumbnail__content",children:oe("span",{className:"hyp-thumbnail__placeholder",children:"..."},void 0,!1,{fileName:sl,lineNumber:79,columnNumber:19})},void 0,!1,{fileName:sl,lineNumber:78,columnNumber:17})},void 0,!1,{fileName:sl,lineNumber:77,columnNumber:15})},void 0,!1,{fileName:sl,lineNumber:76,columnNumber:13}),oe("div",{style:"width: 100px; height: 150px",children:oe("div",{className:"hyp-thumbnail",children:oe("div",{
+className:"hyp-thumbnail__content",children:oe(me,{name:"hyp-spinner",className:"hyp-spinner--small"},void 0,!1,{fileName:sl,lineNumber:87,columnNumber:19})},void 0,!1,{fileName:sl,lineNumber:86,columnNumber:17})},void 0,!1,{fileName:sl,lineNumber:85,columnNumber:15})},void 0,!1,{fileName:sl,lineNumber:84,columnNumber:13})]},void 0,!0,{fileName:sl,lineNumber:67,columnNumber:11})},void 0,!1,{fileName:sl,lineNumber:66,columnNumber:9})]},void 0,!0,{fileName:sl,lineNumber:61,columnNumber:7}),oe(di,{title:"Thumbnails: aspect ratio",children:[oe("p",{children:"An image in a thumnbail is constrained to the available space, and retains aspect ratio."},void 0,!1,{fileName:sl,lineNumber:96,columnNumber:9}),oe(si,{title:"Thumbnail showing retention of image aspect ratio",children:oe(Ni,{withSource:!0,children:oe("div",{style:"width: 175px; height: 250px",children:oe("div",{className:"hyp-thumbnail",children:oe("div",{className:"hyp-thumbnail__content",children:oe("img",{src:"http://placekitten.com/350/250",alt:"kitty"
+},void 0,!1,{fileName:sl,lineNumber:105,columnNumber:19})},void 0,!1,{fileName:sl,lineNumber:104,columnNumber:17})},void 0,!1,{fileName:sl,lineNumber:103,columnNumber:15})},void 0,!1,{fileName:sl,lineNumber:102,columnNumber:13})},void 0,!1,{fileName:sl,lineNumber:101,columnNumber:11})},void 0,!1,{fileName:sl,lineNumber:100,columnNumber:9})]},void 0,!0,{fileName:sl,lineNumber:95,columnNumber:7})]},void 0,!0,{fileName:sl,lineNumber:6,columnNumber:5})},group:"patterns"},{route:"/components-buttons",title:"Buttons",component:function(){return oe(ci,{title:"Buttons",children:[oe("p",{children:["Button components support the following ",oe("strong",{children:"variants"},void 0,!1,{fileName:Nl,lineNumber:8,columnNumber:49}),":"]},void 0,!0,{fileName:Nl,lineNumber:7,columnNumber:7}),oe("ul",{className:"hyp-list",children:[oe("li",{children:"Default"},void 0,!1,{fileName:Nl,lineNumber:11,columnNumber:9}),oe("li",{children:"Primary: For indicating that a button represents a primary action"},void 0,!1,{fileName:Nl,
+lineNumber:12,columnNumber:9}),oe("li",{children:"Dark: For rendering a button on a grey background"},void 0,!1,{fileName:Nl,lineNumber:15,columnNumber:9}),oe("li",{children:"Light: This variant should only be used for non-critical buttons on white backgrounds (low contrast)."},void 0,!1,{fileName:Nl,lineNumber:16,columnNumber:9})]},void 0,!0,{fileName:Nl,lineNumber:10,columnNumber:7}),oe("p",{children:"In addition, a button may be in one of four states, which are represented in their variant examples, left to right:"},void 0,!1,{fileName:Nl,lineNumber:21,columnNumber:7}),oe("ul",{className:"hyp-list",children:[oe("li",{children:"Default"},void 0,!1,{fileName:Nl,lineNumber:26,columnNumber:9}),oe("li",{children:"Pressed"},void 0,!1,{fileName:Nl,lineNumber:27,columnNumber:9}),oe("li",{children:"Expanded"},void 0,!1,{fileName:Nl,lineNumber:28,columnNumber:9}),oe("li",{children:"Disabled"},void 0,!1,{fileName:Nl,lineNumber:29,columnNumber:9})]},void 0,!0,{fileName:Nl,lineNumber:25,columnNumber:7}),oe(di,{
+title:"IconButton",children:[oe("p",{children:"A button containing an icon and no other content."},void 0,!1,{fileName:Nl,lineNumber:33,columnNumber:9}),oe(si,{title:"Basic use and sizes",children:[oe("p",{children:["The optional ",oe("code",{children:"size"},void 0,!1,{fileName:Nl,lineNumber:36,columnNumber:26})," property affects the proportions and overall size of the button by way of padding. It does not change the size of the icon itself, which is sized at ",oe("code",{children:"1em"},void 0,!1,{fileName:Nl,lineNumber:39,columnNumber:13}),". The default sizing is ",oe("code",{children:"medium"},void 0,!1,{fileName:Nl,lineNumber:39,columnNumber:53}),"."]},void 0,!0,{fileName:Nl,lineNumber:35,columnNumber:11}),oe(Ni,{withSource:!0,children:[oe(de,{icon:"edit",title:"Edit",size:"small"},void 0,!1,{fileName:Nl,lineNumber:42,columnNumber:13}),oe(de,{icon:"edit",title:"Edit",size:"medium"},void 0,!1,{fileName:Nl,lineNumber:43,columnNumber:13}),oe(de,{icon:"edit",title:"Edit",size:"large"},void 0,!1,{
+fileName:Nl,lineNumber:44,columnNumber:13})]},void 0,!0,{fileName:Nl,lineNumber:41,columnNumber:11})]},void 0,!0,{fileName:Nl,lineNumber:34,columnNumber:9}),oe(si,{title:"Variants",variant:"wide",children:[oe("h4",{children:"Dark variant"},void 0,!1,{fileName:Nl,lineNumber:49,columnNumber:11}),oe("p",{children:["The ",oe("code",{children:"IconButton"},void 0,!1,{fileName:Nl,lineNumber:51,columnNumber:17})," dark variant is for use on darker (light grey vs. white) backgrounds. Note that this button, unlike other"," ",oe("code",{children:"IconButton"},void 0,!1,{fileName:Nl,lineNumber:53,columnNumber:13}),"s, has a background color. This is to allow for a use case in which the dark ",oe("code",{children:"IconButton"},void 0,!1,{fileName:Nl,lineNumber:54,columnNumber:46})," is initially fixed on a grey background but floats on top of content when scrolled."]},void 0,!0,{fileName:Nl,lineNumber:50,columnNumber:11}),oe("h4",{children:"Light variant"},void 0,!1,{fileName:Nl,lineNumber:58,columnNumber:11}),oe("p",{
+children:"This variant should only be used for non-critical icons on white backgrounds (low contrast)."},void 0,!1,{fileName:Nl,lineNumber:59,columnNumber:11}),oe(Ni,{title:"Default",withSource:!0,children:[oe(de,{icon:"trash",title:"Delete annotation"},void 0,!1,{fileName:Nl,lineNumber:64,columnNumber:13}),oe(de,{icon:"trash",title:"Delete annotation",pressed:!0},void 0,!1,{fileName:Nl,lineNumber:65,columnNumber:13}),oe(de,{icon:"trash",title:"Delete annotation",expanded:!0},void 0,!1,{fileName:Nl,lineNumber:66,columnNumber:13}),oe(de,{icon:"trash",title:"Delete annotation",disabled:!0},void 0,!1,{fileName:Nl,lineNumber:67,columnNumber:13})]},void 0,!0,{fileName:Nl,lineNumber:63,columnNumber:11}),oe(Ni,{title:"Primary",withSource:!0,children:[oe(de,{icon:"trash",title:"Delete annotation",variant:"primary"},void 0,!1,{fileName:Nl,lineNumber:71,columnNumber:13}),oe(de,{icon:"trash",title:"Delete annotation",pressed:!0,variant:"primary"},void 0,!1,{fileName:Nl,lineNumber:76,columnNumber:13}),oe(de,{
+icon:"trash",title:"Delete annotation",expanded:!0,variant:"primary"},void 0,!1,{fileName:Nl,lineNumber:82,columnNumber:13}),oe(de,{icon:"trash",title:"Delete annotation",disabled:!0,variant:"primary"},void 0,!1,{fileName:Nl,lineNumber:88,columnNumber:13})]},void 0,!0,{fileName:Nl,lineNumber:70,columnNumber:11}),oe(Ni,{title:"Dark",withSource:!0,children:[oe(de,{icon:"trash",title:"Delete annotation",variant:"dark"},void 0,!1,{fileName:Nl,lineNumber:97,columnNumber:13}),oe(de,{icon:"trash",title:"Delete annotation",pressed:!0,variant:"dark"},void 0,!1,{fileName:Nl,lineNumber:98,columnNumber:13}),oe(de,{icon:"trash",title:"Delete annotation",expanded:!0,variant:"dark"},void 0,!1,{fileName:Nl,lineNumber:104,columnNumber:13}),oe(de,{icon:"trash",title:"Delete annotation",disabled:!0,variant:"dark"},void 0,!1,{fileName:Nl,lineNumber:110,columnNumber:13})]},void 0,!0,{fileName:Nl,lineNumber:96,columnNumber:11}),oe(Ni,{title:"Light",withSource:!0,children:[oe(de,{icon:"trash",title:"Delete annotation",
+variant:"light"},void 0,!1,{fileName:Nl,lineNumber:119,columnNumber:13}),oe(de,{icon:"trash",title:"Delete annotation",pressed:!0,variant:"light"},void 0,!1,{fileName:Nl,lineNumber:124,columnNumber:13}),oe(de,{icon:"trash",title:"Delete annotation",expanded:!0,variant:"light"},void 0,!1,{fileName:Nl,lineNumber:130,columnNumber:13}),oe(de,{icon:"trash",title:"Delete annotation",disabled:!0,variant:"light"},void 0,!1,{fileName:Nl,lineNumber:136,columnNumber:13})]},void 0,!0,{fileName:Nl,lineNumber:118,columnNumber:11})]},void 0,!0,{fileName:Nl,lineNumber:48,columnNumber:9})]},void 0,!0,{fileName:Nl,lineNumber:32,columnNumber:7}),oe(di,{title:"LabeledButton",children:[oe("p",{children:"A button with content and, optionally, an icon."},void 0,!1,{fileName:Nl,lineNumber:147,columnNumber:9}),oe(si,{title:"Basic use and sizes",children:[oe("p",{children:["The optional ",oe("code",{children:"size"},void 0,!1,{fileName:Nl,lineNumber:150,columnNumber:26
+})," property affects the proportions and overall size of the button by way of padding. It does not change the size of the icon itself, which is sized at ",oe("code",{children:"1em"},void 0,!1,{fileName:Nl,lineNumber:153,columnNumber:13}),". The default sizing is ",oe("code",{children:"medium"},void 0,!1,{fileName:Nl,lineNumber:153,columnNumber:53}),"."]},void 0,!0,{fileName:Nl,lineNumber:149,columnNumber:11}),oe(Ni,{title:"Label only",withSource:!0,children:[oe(se,{size:"small",children:"Edit"},void 0,!1,{fileName:Nl,lineNumber:156,columnNumber:13}),oe(se,{children:"Edit"},void 0,!1,{fileName:Nl,lineNumber:157,columnNumber:13}),oe(se,{size:"large",children:"Edit"},void 0,!1,{fileName:Nl,lineNumber:158,columnNumber:13})]},void 0,!0,{fileName:Nl,lineNumber:155,columnNumber:11}),oe(Ni,{title:"Label, icon",withSource:!0,children:[oe(se,{icon:"profile",size:"small",children:"Edit User"},void 0,!1,{fileName:Nl,lineNumber:162,columnNumber:13}),oe(se,{icon:"profile",children:"Edit User"},void 0,!1,{fileName:Nl,
+lineNumber:165,columnNumber:13}),oe(se,{icon:"profile",size:"large",children:"Edit User"},void 0,!1,{fileName:Nl,lineNumber:166,columnNumber:13})]},void 0,!0,{fileName:Nl,lineNumber:161,columnNumber:11}),oe(Ni,{title:"Label, icon on right",withSource:!0,children:[oe(se,{icon:"profile",size:"small",iconPosition:"right",children:"Edit User"},void 0,!1,{fileName:Nl,lineNumber:172,columnNumber:13}),oe(se,{icon:"profile",iconPosition:"right",children:"Edit User"},void 0,!1,{fileName:Nl,lineNumber:175,columnNumber:13}),oe(se,{icon:"profile",size:"large",iconPosition:"right",children:"Edit User"},void 0,!1,{fileName:Nl,lineNumber:178,columnNumber:13})]},void 0,!0,{fileName:Nl,lineNumber:171,columnNumber:11})]},void 0,!0,{fileName:Nl,lineNumber:148,columnNumber:9}),oe(si,{title:"Variants",variant:"wide",children:[oe(Ni,{title:"Default",withSource:!0,children:[oe(se,{icon:"edit",children:"Edit"},void 0,!1,{fileName:Nl,lineNumber:186,columnNumber:13}),oe(se,{icon:"edit",pressed:!0,children:"Edit"},void 0,!1,{
+fileName:Nl,lineNumber:187,columnNumber:13}),oe(se,{icon:"edit",expanded:!0,children:"Edit"},void 0,!1,{fileName:Nl,lineNumber:190,columnNumber:13}),oe(se,{icon:"edit",disabled:!0,children:"Edit"},void 0,!1,{fileName:Nl,lineNumber:193,columnNumber:13})]},void 0,!0,{fileName:Nl,lineNumber:185,columnNumber:11}),oe(Ni,{title:"Primary",withSource:!0,children:[oe(se,{icon:"edit",variant:"primary",children:"Edit"},void 0,!1,{fileName:Nl,lineNumber:199,columnNumber:13}),oe(se,{icon:"edit",variant:"primary",children:"Edit"},void 0,!1,{fileName:Nl,lineNumber:202,columnNumber:13}),oe(se,{icon:"edit",variant:"primary",children:"Edit"},void 0,!1,{fileName:Nl,lineNumber:205,columnNumber:13}),oe(se,{icon:"edit",variant:"primary",children:"Edit"},void 0,!1,{fileName:Nl,lineNumber:208,columnNumber:13})]},void 0,!0,{fileName:Nl,lineNumber:198,columnNumber:11}),oe(Ni,{title:"Dark",withSource:!0,children:[oe(se,{icon:"edit",variant:"dark",children:"Edit"},void 0,!1,{fileName:Nl,lineNumber:214,columnNumber:13}),oe(se,{
+icon:"edit",pressed:!0,variant:"dark",children:"Edit"},void 0,!1,{fileName:Nl,lineNumber:217,columnNumber:13}),oe(se,{icon:"edit",expanded:!0,variant:"dark",children:"Edit"},void 0,!1,{fileName:Nl,lineNumber:220,columnNumber:13}),oe(se,{icon:"edit",disabled:!0,variant:"dark",children:"Edit"},void 0,!1,{fileName:Nl,lineNumber:223,columnNumber:13})]},void 0,!0,{fileName:Nl,lineNumber:213,columnNumber:11})]},void 0,!0,{fileName:Nl,lineNumber:184,columnNumber:9})]},void 0,!0,{fileName:Nl,lineNumber:146,columnNumber:7}),oe(di,{title:"LinkButton",children:[oe("p",{children:"A button styled to look like a link (anchor tag)."},void 0,!1,{fileName:Nl,lineNumber:231,columnNumber:9}),oe(si,{title:"Variants",children:[oe(Ni,{title:"Default",withSource:!0,children:[oe(Ne,{children:"Show replies (10)"},void 0,!1,{fileName:Nl,lineNumber:235,columnNumber:13}),oe(Ne,{pressed:!0,children:"Show replies (10)"},void 0,!1,{fileName:Nl,lineNumber:236,columnNumber:13}),oe(Ne,{expanded:!0,children:"Show replies (10)"},void 0,!1,{
+fileName:Nl,lineNumber:237,columnNumber:13}),oe(Ne,{disabled:!0,children:"Show replies (10)"},void 0,!1,{fileName:Nl,lineNumber:238,columnNumber:13})]},void 0,!0,{fileName:Nl,lineNumber:234,columnNumber:11}),oe(Ni,{title:"Primary",withSource:!0,children:[oe(Ne,{variant:"primary",children:"Show replies (10)"},void 0,!1,{fileName:Nl,lineNumber:242,columnNumber:13}),oe(Ne,{variant:"primary",pressed:!0,children:"Show replies (10)"},void 0,!1,{fileName:Nl,lineNumber:243,columnNumber:13}),oe(Ne,{variant:"primary",expanded:!0,children:"Show replies (10)"},void 0,!1,{fileName:Nl,lineNumber:246,columnNumber:13}),oe(Ne,{variant:"primary",disabled:!0,children:"Show replies (10)"},void 0,!1,{fileName:Nl,lineNumber:249,columnNumber:13})]},void 0,!0,{fileName:Nl,lineNumber:241,columnNumber:11}),oe(Ni,{title:"Dark",withSource:!0,children:[oe(Ne,{variant:"dark",children:"Show replies (10)"},void 0,!1,{fileName:Nl,lineNumber:255,columnNumber:13}),oe(Ne,{variant:"dark",pressed:!0,children:"Show replies (10)"},void 0,!1,{
+fileName:Nl,lineNumber:256,columnNumber:13}),oe(Ne,{variant:"dark",expanded:!0,children:"Show replies (10)"},void 0,!1,{fileName:Nl,lineNumber:259,columnNumber:13}),oe(Ne,{variant:"dark",disabled:!0,children:"Show replies (10)"},void 0,!1,{fileName:Nl,lineNumber:262,columnNumber:13})]},void 0,!0,{fileName:Nl,lineNumber:254,columnNumber:11})]},void 0,!0,{fileName:Nl,lineNumber:233,columnNumber:9})]},void 0,!0,{fileName:Nl,lineNumber:230,columnNumber:7})]},void 0,!0,{fileName:Nl,lineNumber:6,columnNumber:5})},group:"components"},{route:"/components-containers",title:"Containers",component:function(){return oe(ci,{title:"Containers",children:[oe(di,{title:"Frame",children:oe(si,{title:"Laying out content in a Frame",children:[oe("p",{children:["The ",oe("code",{children:"Frame"},void 0,!1,{fileName:hl,lineNumber:12,columnNumber:17})," component renders content inside of a"," ",oe("code",{children:"frame"},void 0,!1,{fileName:hl,lineNumber:13,columnNumber:13})," design pattern."]},void 0,!0,{fileName:hl,
+lineNumber:11,columnNumber:11}),oe(Ni,{withSource:!0,children:oe(Le,{children:[oe("div",{children:"This content is inside of a frame."},void 0,!1,{fileName:hl,lineNumber:17,columnNumber:15}),oe("div",{children:"This content is inside of a frame."},void 0,!1,{fileName:hl,lineNumber:18,columnNumber:15})]},void 0,!0,{fileName:hl,lineNumber:16,columnNumber:13})},void 0,!1,{fileName:hl,lineNumber:15,columnNumber:11})]},void 0,!0,{fileName:hl,lineNumber:10,columnNumber:9})},void 0,!1,{fileName:hl,lineNumber:9,columnNumber:7}),oe(di,{title:"Card",children:[oe("p",{children:["The ",oe("code",{children:"Card"},void 0,!1,{fileName:hl,lineNumber:26,columnNumber:15})," component pattern provides a card-like layout using the ",oe("code",{children:"card"},void 0,!1,{fileName:hl,lineNumber:27,columnNumber:21})," pattern."]},void 0,!0,{fileName:hl,lineNumber:25,columnNumber:9}),oe(si,{title:"Laying out content in a Card",children:oe(Ni,{withSource:!0,children:oe(Ce,{children:[oe("div",{
+children:"This content is inside of a card."},void 0,!1,{fileName:hl,lineNumber:32,columnNumber:15}),oe("div",{children:"This content is inside of a card."},void 0,!1,{fileName:hl,lineNumber:33,columnNumber:15})]},void 0,!0,{fileName:hl,lineNumber:31,columnNumber:13})},void 0,!1,{fileName:hl,lineNumber:30,columnNumber:11})},void 0,!1,{fileName:hl,lineNumber:29,columnNumber:9}),oe(si,{title:"Overriding styles",children:[oe("p",{children:["This example shows overriding the background color of a"," ",oe("code",{children:"Card"},void 0,!1,{fileName:hl,lineNumber:40,columnNumber:13})," using a utility class."]},void 0,!0,{fileName:hl,lineNumber:38,columnNumber:11}),oe(Ni,{withSource:!0,children:oe(Ce,{classes:"hyp-u-bg-color--grey-3",children:[oe("div",{children:"This content is inside of a card."},void 0,!1,{fileName:hl,lineNumber:44,columnNumber:15}),oe("div",{children:"This content is inside of a card."},void 0,!1,{fileName:hl,lineNumber:45,columnNumber:15})]},void 0,!0,{fileName:hl,lineNumber:43,
+columnNumber:13})},void 0,!1,{fileName:hl,lineNumber:42,columnNumber:11})]},void 0,!0,{fileName:hl,lineNumber:37,columnNumber:9})]},void 0,!0,{fileName:hl,lineNumber:24,columnNumber:7}),oe(di,{title:"Actions",children:[oe("p",{children:["The ",oe("code",{children:"Actions"},void 0,!1,{fileName:hl,lineNumber:53,columnNumber:15})," component pattern lays out actions (buttons)."]},void 0,!0,{fileName:hl,lineNumber:52,columnNumber:9}),oe(si,{title:"Laying out buttons with Actions",children:oe(Ni,{withSource:!0,children:oe(we,{children:[oe(se,{children:"Cancel"},void 0,!1,{fileName:hl,lineNumber:59,columnNumber:15}),oe(se,{children:"Maybe"},void 0,!1,{fileName:hl,lineNumber:60,columnNumber:15}),oe(se,{variant:"primary",children:"OK"},void 0,!1,{fileName:hl,lineNumber:61,columnNumber:15})]},void 0,!0,{fileName:hl,lineNumber:58,columnNumber:13})},void 0,!1,{fileName:hl,lineNumber:57,columnNumber:11})},void 0,!1,{fileName:hl,lineNumber:56,columnNumber:9}),oe(si,{title:"Laying out buttons vertically with Actions",
+children:oe(Ni,{withSource:!0,children:oe(we,{direction:"column",children:[oe(se,{children:"This is one option"},void 0,!1,{fileName:hl,lineNumber:69,columnNumber:15}),oe(se,{children:"This is another option"},void 0,!1,{fileName:hl,lineNumber:70,columnNumber:15}),oe(se,{variant:"primary",children:"This is the best option"},void 0,!1,{fileName:hl,lineNumber:71,columnNumber:15})]},void 0,!0,{fileName:hl,lineNumber:68,columnNumber:13})},void 0,!1,{fileName:hl,lineNumber:67,columnNumber:11})},void 0,!1,{fileName:hl,lineNumber:66,columnNumber:9})]},void 0,!0,{fileName:hl,lineNumber:51,columnNumber:7}),oe(di,{title:"Scrollbox",children:[oe("p",{children:["The ",oe("code",{children:"Scrollbox"},void 0,!1,{fileName:hl,lineNumber:81,columnNumber:15})," component is a container for (potentially-) overflowing content. It provides a scroll context and is styled with the ",oe("code",{children:"scrollbox"},void 0,!1,{fileName:hl,lineNumber:83,columnNumber:15})," pattern."]},void 0,!0,{fileName:hl,lineNumber:80,
+columnNumber:9}),oe(si,{variant:"wide",children:[oe("p",{children:["A ",oe("code",{children:"Scrollbox"},void 0,!1,{fileName:hl,lineNumber:87,columnNumber:15})," will fill its available space. Constraints to that space need to be applied to a parent element. Here a parent element is set to a width and height."]},void 0,!0,{fileName:hl,lineNumber:86,columnNumber:11}),oe(Ni,{title:"Basic scrollbox",withSource:!0,children:oe("div",{style:"height:250px;max-height:250px;width:200px",children:oe(ye,{children:oe("ul",{className:"p-3 space-y-4",children:oe(rl,{},void 0,!1,{fileName:hl,lineNumber:95,columnNumber:19})},void 0,!1,{fileName:hl,lineNumber:94,columnNumber:17})},void 0,!1,{fileName:hl,lineNumber:93,columnNumber:15})},void 0,!1,{fileName:hl,lineNumber:92,columnNumber:13})},void 0,!1,{fileName:hl,lineNumber:91,columnNumber:11}),oe(Ni,{title:"Scrollbox with header",withSource:!0,children:oe("div",{style:"height:250px;max-height:250px;width:200px",children:oe(ye,{withHeader:!0,children:[oe("div",{
+className:"hyp-sticky-header",children:oe("div",{className:"hyp-sticky-header__heading",children:"NATO Alphabet"},void 0,!1,{fileName:hl,lineNumber:104,columnNumber:19})},void 0,!1,{fileName:hl,lineNumber:103,columnNumber:17}),oe("ul",{className:"p-3 pt-0 space-y-4",children:oe(rl,{},void 0,!1,{fileName:hl,lineNumber:109,columnNumber:19})},void 0,!1,{fileName:hl,lineNumber:108,columnNumber:17})]},void 0,!0,{fileName:hl,lineNumber:102,columnNumber:15})},void 0,!1,{fileName:hl,lineNumber:101,columnNumber:13})},void 0,!1,{fileName:hl,lineNumber:100,columnNumber:11})]},void 0,!0,{fileName:hl,lineNumber:85,columnNumber:9})]},void 0,!0,{fileName:hl,lineNumber:79,columnNumber:7})]},void 0,!0,{fileName:hl,lineNumber:8,columnNumber:5})},group:"components"},{route:"/components-dialogs",title:"Dialogs",component:function(){return oe(ci,{title:"Dialogs",children:[oe(di,{title:"Dialog",children:[oe("p",{children:["A ",oe("code",{children:"Dialog"},void 0,!1,{fileName:bl,lineNumber:230,columnNumber:13
+})," prompts for user interaction and will take focus when opened."]},void 0,!0,{fileName:bl,lineNumber:229,columnNumber:9}),oe("p",{children:["Use a ",oe("code",{children:"Dialog"},void 0,!1,{fileName:bl,lineNumber:234,columnNumber:17})," when you want to route focus. Consider using a ",oe("code",{children:"Panel"},void 0,!1,{fileName:bl,lineNumber:235,columnNumber:13})," for presenting panel-styled content that does not require grabbing focus."]},void 0,!0,{fileName:bl,lineNumber:233,columnNumber:9}),oe("p",{children:[oe("code",{children:"Dialogs"},void 0,!1,{fileName:bl,lineNumber:239,columnNumber:11})," are styled using the ",oe("code",{children:"panel"},void 0,!1,{fileName:bl,lineNumber:239,columnNumber:53})," pattern."]},void 0,!0,{fileName:bl,lineNumber:238,columnNumber:9}),oe(si,{title:"Setting initial focus",children:[oe("p",{children:["This example shows a dismiss-able ",oe("code",{children:"Dialog"},void 0,!1,{fileName:bl,lineNumber:243,columnNumber:47
+})," with an explicitly-provided element (",oe("code",{children:"ref"},void 0,!1,{fileName:bl,lineNumber:244,columnNumber:42}),") that should take initial focus: a text ",oe("code",{children:"input"},void 0,!1,{fileName:bl,lineNumber:245,columnNumber:35}),". The highlighted outline is added here by using ",oe("code",{children:".hyp-u-focus-outline"},void 0,!1,{fileName:bl,lineNumber:246,columnNumber:33})," on the"," ",oe("code",{children:"input"},void 0,!1,{fileName:bl,lineNumber:247,columnNumber:13})," element."]},void 0,!0,{fileName:bl,lineNumber:242,columnNumber:11}),oe("p",{children:["In some cases, you might need finer control over which element is focused when the ",oe("code",{children:"Dialog"},void 0,!1,{fileName:bl,lineNumber:251,columnNumber:30})," or ",oe("code",{children:"Modal"},void 0,!1,{fileName:bl,lineNumber:251,columnNumber:53})," is opened. This might arise if you have nested components within a"," ",oe("code",{children:"Modal"},void 0,!1,{fileName:bl,lineNumber:253,columnNumber:13
+})," or ",oe("code",{children:"Dialog"},void 0,!1,{fileName:bl,lineNumber:253,columnNumber:35}),", or there is complex logic about focus. Setting the ",oe("code",{children:"initialFocus"},void 0,!1,{fileName:bl,lineNumber:254,columnNumber:38})," prop to"," ",oe("code",{children:"null"},void 0,!1,{fileName:bl,lineNumber:255,columnNumber:13})," will opt out of automatic focus handling."]},void 0,!0,{fileName:bl,lineNumber:249,columnNumber:11}),oe(Ni,{children:oe(fl,{},void 0,!1,{fileName:bl,lineNumber:259,columnNumber:13})},void 0,!1,{fileName:bl,lineNumber:258,columnNumber:11})]},void 0,!0,{fileName:bl,lineNumber:241,columnNumber:9}),oe(si,{title:"Dialog with no cancel or close button",children:[oe("p",{children:["By default, a ",oe("code",{children:"Dialog"},void 0,!1,{fileName:bl,lineNumber:265,columnNumber:27})," will render both a close button (x) and a Cancel button if an ",oe("code",{children:"onCancel"},void 0,!1,{fileName:bl,lineNumber:266,columnNumber:43
+})," callback is provided, but this can be overridden with the"," ",oe("code",{children:"withCancelButton"},void 0,!1,{fileName:bl,lineNumber:268,columnNumber:13})," and ",oe("code",{children:"withCloseButton"},void 0,!1,{fileName:bl,lineNumber:268,columnNumber:47})," ","boolean props for the cancel button and close button, respectively."]},void 0,!0,{fileName:bl,lineNumber:264,columnNumber:11}),oe(Ni,{title:"Dialog with no Cancel button",children:oe(vl,{},void 0,!1,{fileName:bl,lineNumber:272,columnNumber:13})},void 0,!1,{fileName:bl,lineNumber:271,columnNumber:11}),oe(Ni,{title:"Dialog with no Close button",children:oe(pl,{},void 0,!1,{fileName:bl,lineNumber:276,columnNumber:13})},void 0,!1,{fileName:bl,lineNumber:275,columnNumber:11})]},void 0,!0,{fileName:bl,lineNumber:263,columnNumber:9})]},void 0,!0,{fileName:bl,lineNumber:228,columnNumber:7}),oe(di,{title:"Modal",children:[oe("p",{children:["A ",oe("code",{children:"Modal"},void 0,!1,{fileName:bl,lineNumber:283,columnNumber:13
+})," is a type of ",oe("code",{children:"Dialog"},void 0,!1,{fileName:bl,lineNumber:283,columnNumber:45})," that centers on the screen and obscures the background with an overlay."]},void 0,!0,{fileName:bl,lineNumber:282,columnNumber:9}),oe(si,{title:"Basic usage",children:[oe("p",{children:"Close the modal by clicking the close (X) button, the cancel button or clicking anywhere outside of it."},void 0,!1,{fileName:bl,lineNumber:287,columnNumber:11}),oe(Ni,{children:oe(gl,{},void 0,!1,{fileName:bl,lineNumber:292,columnNumber:13})},void 0,!1,{fileName:bl,lineNumber:291,columnNumber:11})]},void 0,!0,{fileName:bl,lineNumber:286,columnNumber:9}),oe(si,{title:"Handling content overflow",children:[oe("p",{children:"Modals that may contain a lot of content may need to handle overflow (i.e. make their content scrollable) so that the modal height doesn't exceed available viewport space."},void 0,!1,{fileName:bl,lineNumber:297,columnNumber:11}),oe("p",{
+children:["To make something in a modal scroll-able, apply"," ",oe("code",{children:"overflow: auto"},void 0,!1,{fileName:bl,lineNumber:304,columnNumber:13})," to the element you wish to contain. This element needs to be an immediate-child element of the"," ",oe("code",{children:"Modal"},void 0,!1,{fileName:bl,lineNumber:306,columnNumber:13}),"."]},void 0,!0,{fileName:bl,lineNumber:302,columnNumber:11}),oe(Ni,{children:oe(Ll,{},void 0,!1,{fileName:bl,lineNumber:309,columnNumber:13})},void 0,!1,{fileName:bl,lineNumber:308,columnNumber:11})]},void 0,!0,{fileName:bl,lineNumber:296,columnNumber:9})]},void 0,!0,{fileName:bl,lineNumber:281,columnNumber:7}),oe(di,{title:"ConfirmModal",children:[oe("p",{children:[oe("code",{children:"ConfirmModal"},void 0,!1,{fileName:bl,lineNumber:316,columnNumber:11})," is intended to mirror the functionality of"," ",oe("code",{children:"window.confirm"},void 0,!1,{fileName:bl,lineNumber:317,columnNumber:11}),"."]},void 0,!0,{fileName:bl,lineNumber:315,columnNumber:9}),oe(si,{
+children:[oe("p",{children:[oe("code",{children:"ConfirmModal"},void 0,!1,{fileName:bl,lineNumber:321,columnNumber:13})," prompts the user for a boolean yes/no input. Close and cancel are considered no."]},void 0,!0,{fileName:bl,lineNumber:320,columnNumber:11}),oe("p",{children:["Handlers need to be provided for what to do on yes (",oe("code",{children:"onConfirm"},void 0,!1,{fileName:bl,lineNumber:326,columnNumber:13}),") and no/cancel (",oe("code",{children:"onCancel"},void 0,!1,{fileName:bl,lineNumber:326,columnNumber:52}),"). Typically, both would (also) close the modal, though in this example, the ",oe("code",{children:"onConfirm"},void 0,!1,{fileName:bl,lineNumber:328,columnNumber:26})," handler does not close the modal."]},void 0,!0,{fileName:bl,lineNumber:324,columnNumber:11}),oe(Ni,{children:oe(Cl,{},void 0,!1,{fileName:bl,lineNumber:332,columnNumber:13})},void 0,!1,{fileName:bl,lineNumber:331,columnNumber:11})]},void 0,!0,{fileName:bl,lineNumber:319,columnNumber:9})]},void 0,!0,{fileName:bl,
+lineNumber:314,columnNumber:7})]},void 0,!0,{fileName:bl,lineNumber:227,columnNumber:5})},group:"components"},{route:"/components-forms",title:"Forms",component:function(){const[e,i]=W(!0),[l,n]=W(!1),[r,o]=W(!0);return oe(ci,{title:"Forms",children:[oe(di,{title:"LabeledCheckbox",children:[oe(si,{title:"Unchecked (default)",children:[oe("div",{style:"font-size: 2em",children:[l&&"🍉"," "]},void 0,!0,{fileName:wl,lineNumber:19,columnNumber:11}),oe(Ni,{withSource:!0,children:oe(pe,{checked:l,name:"test-alternative",onToggle:e=>n(e),children:"I want a watermelon"},void 0,!1,{fileName:wl,lineNumber:24,columnNumber:13})},void 0,!1,{fileName:wl,lineNumber:23,columnNumber:11})]},void 0,!0,{fileName:wl,lineNumber:18,columnNumber:9}),oe(si,{title:"Checked",children:[oe("div",{style:"font-size: 2em",children:e&&"🥪"},void 0,!1,{fileName:wl,lineNumber:35,columnNumber:11}),oe(Ni,{style:{width:"300px"},withSource:!0,children:oe(pe,{name:"test",checked:e,onToggle:e=>i(e),children:"I want a sandwich"},void 0,!1,{
+fileName:wl,lineNumber:37,columnNumber:13})},void 0,!1,{fileName:wl,lineNumber:36,columnNumber:11})]},void 0,!0,{fileName:wl,lineNumber:34,columnNumber:9})]},void 0,!0,{fileName:wl,lineNumber:17,columnNumber:7}),oe(di,{title:"TextInput",children:[oe("p",{children:["The ",oe("code",{children:"TextInput"},void 0,!1,{fileName:wl,lineNumber:50,columnNumber:15})," component is a basic wrapper around an",oe("code",{children:'input type="text"'},void 0,!1,{fileName:wl,lineNumber:51,columnNumber:11})," field."]},void 0,!0,{fileName:wl,lineNumber:49,columnNumber:9}),oe(si,{title:"Basic usage",children:oe(Ni,{withSource:!0,children:oe(Je,{name:"my-input"},void 0,!1,{fileName:wl,lineNumber:55,columnNumber:13})},void 0,!1,{fileName:wl,lineNumber:54,columnNumber:11})},void 0,!1,{fileName:wl,lineNumber:53,columnNumber:9}),oe(si,{title:"As type='url'",children:[oe("p",{children:[oe("code",{children:"TextInput"},void 0,!1,{fileName:wl,lineNumber:61,columnNumber:13})," renders an ",oe("code",{children:"input"},void 0,!1,{
+fileName:wl,lineNumber:61,columnNumber:47})," field of"," ",oe("code",{children:'type="text"'},void 0,!1,{fileName:wl,lineNumber:62,columnNumber:13})," by default, but text-like `type` values are also supported (",oe("code",{children:"email"},void 0,!1,{fileName:wl,lineNumber:63,columnNumber:40}),", ",oe("code",{children:"search"},void 0,!1,{fileName:wl,lineNumber:63,columnNumber:60}),","," ",oe("code",{children:"url"},void 0,!1,{fileName:wl,lineNumber:64,columnNumber:13}),")."]},void 0,!0,{fileName:wl,lineNumber:60,columnNumber:11}),oe(Ni,{withSource:!0,children:oe(Je,{name:"my-input",type:"url"},void 0,!1,{fileName:wl,lineNumber:67,columnNumber:13})},void 0,!1,{fileName:wl,lineNumber:66,columnNumber:11})]},void 0,!0,{fileName:wl,lineNumber:59,columnNumber:9}),oe(si,{title:"Error state",children:oe(Ni,{withSource:!0,children:oe(Je,{name:"my-input",hasError:!0},void 0,!1,{fileName:wl,lineNumber:73,columnNumber:13})},void 0,!1,{fileName:wl,lineNumber:72,columnNumber:11})},void 0,!1,{fileName:wl,lineNumber:71,
+columnNumber:9})]},void 0,!0,{fileName:wl,lineNumber:48,columnNumber:7}),oe(di,{title:"TextInputWithButton",children:[oe("p",{children:["This component wraps the ",oe("code",{children:"text-input-with-button"},void 0,!1,{fileName:wl,lineNumber:80,columnNumber:36})," pattern: a text input on the left with an associated icon-only button on the right."]},void 0,!0,{fileName:wl,lineNumber:79,columnNumber:9}),oe("p",{children:["Current usage favors the ",oe("code",{children:"dark"},void 0,!1,{fileName:wl,lineNumber:85,columnNumber:36})," variant of"," ",oe("code",{children:"IconButton"},void 0,!1,{fileName:wl,lineNumber:86,columnNumber:11}),"."]},void 0,!0,{fileName:wl,lineNumber:84,columnNumber:9}),oe(si,{title:"Basic usage",children:oe(Ni,{withSource:!0,children:oe(Ke,{children:[oe(Je,{name:"my-input"},void 0,!1,{fileName:wl,lineNumber:91,columnNumber:15}),oe(de,{icon:"arrow-right",variant:"dark",title:"go"},void 0,!1,{fileName:wl,lineNumber:92,columnNumber:15})]},void 0,!0,{fileName:wl,lineNumber:90,
+columnNumber:13})},void 0,!1,{fileName:wl,lineNumber:89,columnNumber:11})},void 0,!1,{fileName:wl,lineNumber:88,columnNumber:9}),oe(si,{title:"Error state",children:oe(Ni,{withSource:!0,children:oe(Ke,{children:[oe(Je,{name:"my-input",hasError:r},void 0,!1,{fileName:wl,lineNumber:100,columnNumber:15}),oe(de,{icon:"arrow-right",variant:"dark",title:"go",onClick:()=>o(!r)},void 0,!1,{fileName:wl,lineNumber:101,columnNumber:15})]},void 0,!0,{fileName:wl,lineNumber:99,columnNumber:13})},void 0,!1,{fileName:wl,lineNumber:98,columnNumber:11})},void 0,!1,{fileName:wl,lineNumber:97,columnNumber:9})]},void 0,!0,{fileName:wl,lineNumber:78,columnNumber:7})]},void 0,!0,{fileName:wl,lineNumber:16,columnNumber:5})},group:"components"},{route:"/components-links",title:"Links",component:function(){return oe(ci,{title:"Links",children:oe(di,{title:"Link",children:[oe("p",{children:[oe("code",{children:"Link"},void 0,!1,{fileName:yl,lineNumber:9,columnNumber:11
+})," components provide some common styling and attribute for anchor (",oe("code",{children:"a"},void 0,!1,{fileName:yl,lineNumber:10,columnNumber:23}),") elements."]},void 0,!0,{fileName:yl,lineNumber:8,columnNumber:9}),oe(si,{children:oe(Ni,{withSource:!0,children:oe(Ze,{href:"https://www.example.com",children:"A link to somewhere"},void 0,!1,{fileName:yl,lineNumber:14,columnNumber:13})},void 0,!1,{fileName:yl,lineNumber:13,columnNumber:11})},void 0,!1,{fileName:yl,lineNumber:12,columnNumber:9})]},void 0,!0,{fileName:yl,lineNumber:7,columnNumber:7})},void 0,!1,{fileName:yl,lineNumber:6,columnNumber:5})},group:"components"},{route:"/components-panel",title:"Panel",component:function(){return oe(ci,{title:"Panel",children:oe(di,{title:"Panel",children:[oe(si,{title:"Basic usage",children:oe(Ni,{withSource:!0,children:oe(qe,{title:"Basic panel",children:oe("p",{children:"Here is a panel with no close button and very simple content."},void 0,!1,{fileName:_l,lineNumber:11,columnNumber:15})},void 0,!1,{
+fileName:_l,lineNumber:10,columnNumber:13})},void 0,!1,{fileName:_l,lineNumber:9,columnNumber:11})},void 0,!1,{fileName:_l,lineNumber:8,columnNumber:9}),oe(si,{title:"With close button",children:oe(Ni,{withSource:!0,children:oe(qe,{title:"Basic panel with close button",onClose:()=>alert("close clicked"),children:[oe("p",{children:"Here is a panel with very basic content and a close button."},void 0,!1,{fileName:_l,lineNumber:23,columnNumber:15}),oe("p",{children:["Providing an ",oe("code",{children:"onClose"},void 0,!1,{fileName:_l,lineNumber:25,columnNumber:30})," function will cause a close button to render."]},void 0,!0,{fileName:_l,lineNumber:24,columnNumber:15})]},void 0,!0,{fileName:_l,lineNumber:19,columnNumber:13})},void 0,!1,{fileName:_l,lineNumber:18,columnNumber:11})},void 0,!1,{fileName:_l,lineNumber:17,columnNumber:9}),oe(si,{title:"With header icon",children:oe(Ni,{withSource:!0,children:oe(qe,{icon:"edit",title:"Panel with optional heading icon",onClose:()=>alert("close clicked"),
+children:"This panel has an optional icon in the header."},void 0,!1,{fileName:_l,lineNumber:34,columnNumber:13})},void 0,!1,{fileName:_l,lineNumber:33,columnNumber:11})},void 0,!1,{fileName:_l,lineNumber:32,columnNumber:9}),oe(si,{title:"Clean theme",children:oe(Ni,{withSource:!0,children:oe("div",{className:"theme-clean",style:"width:100%",children:oe(qe,{icon:"edit",title:"Panel with clean-theme styling",onClose:()=>alert("close clicked"),children:"This panel has an optional icon in the header."},void 0,!1,{fileName:_l,lineNumber:47,columnNumber:15})},void 0,!1,{fileName:_l,lineNumber:46,columnNumber:13})},void 0,!1,{fileName:_l,lineNumber:45,columnNumber:11})},void 0,!1,{fileName:_l,lineNumber:44,columnNumber:9})]},void 0,!0,{fileName:_l,lineNumber:7,columnNumber:7})},void 0,!1,{fileName:_l,lineNumber:6,columnNumber:5})},group:"components"},{route:"/components-spinner",title:"Spinner",component:function(){const[e,i]=W(!1),l=K();return He(l,!0,(()=>{i(!1)})),oe(ci,{title:"Spinner",children:[oe("p",{
+children:["The ",oe("code",{children:"Spinner"},void 0,!1,{fileName:xl,lineNumber:24,columnNumber:13})," component is based on the ",oe("code",{children:"spinner"},void 0,!1,{fileName:xl,lineNumber:24,columnNumber:60})," ","pattern and renders an animated SVG."]},void 0,!0,{fileName:xl,lineNumber:23,columnNumber:7}),oe(di,{title:"Spinner",children:[oe(si,{title:"Basic usage",children:oe(Ni,{withSource:!0,children:oe(Ve,{},void 0,!1,{fileName:xl,lineNumber:30,columnNumber:13})},void 0,!1,{fileName:xl,lineNumber:29,columnNumber:11})},void 0,!1,{fileName:xl,lineNumber:28,columnNumber:9}),oe(si,{title:"Small size",children:oe(Ni,{withSource:!0,children:oe(Ve,{size:"small"},void 0,!1,{fileName:xl,lineNumber:35,columnNumber:13})},void 0,!1,{fileName:xl,lineNumber:34,columnNumber:11})},void 0,!1,{fileName:xl,lineNumber:33,columnNumber:9}),oe(si,{title:"Large size",children:oe(Ni,{withSource:!0,children:oe(Ve,{size:"large"},void 0,!1,{fileName:xl,lineNumber:40,columnNumber:13})},void 0,!1,{fileName:xl,lineNumber:39,
+columnNumber:11})},void 0,!1,{fileName:xl,lineNumber:38,columnNumber:9})]},void 0,!0,{fileName:xl,lineNumber:27,columnNumber:7}),oe(di,{title:"Full-Screen Spinner",children:oe(si,{children:[oe("p",{children:["A component that renders a full-screen spinner over an overlay. Press ",oe("code",{children:"ESC"},void 0,!1,{fileName:xl,lineNumber:49,columnNumber:19})," to hide the spinner."]},void 0,!0,{fileName:xl,lineNumber:47,columnNumber:11}),oe(Ni,{children:[oe(se,{onClick:()=>i(!0),children:"Show Full-Screen Spinner"},void 0,!1,{fileName:xl,lineNumber:52,columnNumber:13}),e&&oe("div",{ref:l,children:oe(Re,{},void 0,!1,{fileName:xl,lineNumber:57,columnNumber:17})},void 0,!1,{fileName:xl,lineNumber:56,columnNumber:15})]},void 0,!0,{fileName:xl,lineNumber:51,columnNumber:11})]},void 0,!0,{fileName:xl,lineNumber:46,columnNumber:9})},void 0,!1,{fileName:xl,lineNumber:45,columnNumber:7})]},void 0,!0,{fileName:xl,lineNumber:22,columnNumber:5})},group:"components"},{route:"/components-table",title:"Table",
+component:function(){return oe(ci,{title:"Table",children:oe(di,{title:"Table",children:[oe(Tl,{},void 0,!1,{fileName:kl,lineNumber:155,columnNumber:9}),oe(Zl,{},void 0,!1,{fileName:kl,lineNumber:156,columnNumber:9}),oe(zl,{},void 0,!1,{fileName:kl,lineNumber:157,columnNumber:9})]},void 0,!0,{fileName:kl,lineNumber:154,columnNumber:7})},void 0,!1,{fileName:kl,lineNumber:153,columnNumber:5})},group:"components"},{route:"/components-thumbnail",title:"Thumbnail",component:function(){return oe(ci,{title:"Thumbnail",children:[oe(di,{title:"Thumbnail",children:[oe("p",{children:["The ",oe("code",{children:"Thumbnail"},void 0,!1,{fileName:Hl,lineNumber:9,columnNumber:15})," component handles rendering a thumbnail or other image, and provides a loading state and an empty (placeholder) state. If ",oe("code",{children:"Thumbnail"},void 0,!1,{fileName:Hl,lineNumber:11,columnNumber:21})," has no content, it will render a placeholder. If its ",oe("code",{children:"isLoading"},void 0,!1,{fileName:Hl,lineNumber:12,
+columnNumber:31})," prop is set to"," ",oe("code",{children:"true"},void 0,!1,{fileName:Hl,lineNumber:13,columnNumber:11}),", it will render a loading state."]},void 0,!0,{fileName:Hl,lineNumber:8,columnNumber:9}),oe("p",{children:"The following examples are rendered within a parent container sized to 250x175px. The Thumbnail will fill, but not exceed, the available space."},void 0,!1,{fileName:Hl,lineNumber:15,columnNumber:9}),oe(si,{title:"Empty thumbnail with default placeholder",children:oe(Ni,{withSource:!0,children:oe("div",{style:"height: 250px; width:175px",children:oe(Qe,{},void 0,!1,{fileName:Hl,lineNumber:24,columnNumber:15})},void 0,!1,{fileName:Hl,lineNumber:23,columnNumber:13})},void 0,!1,{fileName:Hl,lineNumber:22,columnNumber:11})},void 0,!1,{fileName:Hl,lineNumber:21,columnNumber:9}),oe(si,{title:"Thumbnail with image content",children:oe(Ni,{withSource:!0,children:oe("div",{style:"height: 250px; width:175px",children:oe(Qe,{children:oe("img",{src:"http://placekitten.com/200/300",alt:"kitty"
+},void 0,!1,{fileName:Hl,lineNumber:33,columnNumber:17})},void 0,!1,{fileName:Hl,lineNumber:32,columnNumber:15})},void 0,!1,{fileName:Hl,lineNumber:31,columnNumber:13})},void 0,!1,{fileName:Hl,lineNumber:30,columnNumber:11})},void 0,!1,{fileName:Hl,lineNumber:29,columnNumber:9}),oe(si,{title:"Empty thumbnail in loading state",children:oe(Ni,{withSource:!0,children:oe("div",{style:"height: 250px; width:175px",children:oe(Qe,{isLoading:!0},void 0,!1,{fileName:Hl,lineNumber:42,columnNumber:15})},void 0,!1,{fileName:Hl,lineNumber:41,columnNumber:13})},void 0,!1,{fileName:Hl,lineNumber:40,columnNumber:11})},void 0,!1,{fileName:Hl,lineNumber:39,columnNumber:9}),oe(si,{title:"Thumbnail in loading state",children:oe(Ni,{withSource:!0,children:oe("div",{style:"height: 250px; width:175px",children:oe(Qe,{isLoading:!0,children:oe("img",{src:"http://placekitten.com/200/300",alt:"kitty"},void 0,!1,{fileName:Hl,lineNumber:51,columnNumber:17})},void 0,!1,{fileName:Hl,lineNumber:50,columnNumber:15})},void 0,!1,{fileName:Hl,
+lineNumber:49,columnNumber:13})},void 0,!1,{fileName:Hl,lineNumber:48,columnNumber:11})},void 0,!1,{fileName:Hl,lineNumber:47,columnNumber:9}),oe(si,{title:"Empty thumbnail with custom placeholder",children:[oe("p",{children:"Placeholder can be any JSX"},void 0,!1,{fileName:Hl,lineNumber:58,columnNumber:11}),oe(Ni,{withSource:!0,children:oe("div",{style:"height: 250px; width:175px",children:oe(Qe,{placeholder:"!"},void 0,!1,{fileName:Hl,lineNumber:61,columnNumber:15})},void 0,!1,{fileName:Hl,lineNumber:60,columnNumber:13})},void 0,!1,{fileName:Hl,lineNumber:59,columnNumber:11})]},void 0,!0,{fileName:Hl,lineNumber:57,columnNumber:9})]},void 0,!0,{fileName:Hl,lineNumber:7,columnNumber:7}),oe(di,{title:"Thumbnail (smaller)",children:[oe("p",{children:"These examples are within a 100x150px parent."},void 0,!1,{fileName:Hl,lineNumber:68,columnNumber:9}),oe(si,{title:"Smaller loading spinner",children:oe(Ni,{withSource:!0,children:oe("div",{style:"width:150px; height:100px",children:oe(Qe,{isLoading:!0,size:"small"
+},void 0,!1,{fileName:Hl,lineNumber:72,columnNumber:15})},void 0,!1,{fileName:Hl,lineNumber:71,columnNumber:13})},void 0,!1,{fileName:Hl,lineNumber:70,columnNumber:11})},void 0,!1,{fileName:Hl,lineNumber:69,columnNumber:9}),oe(si,{title:"Constrained image proportions",children:oe(Ni,{withSource:!0,children:oe("div",{style:"width:150px; height:100px",children:oe(Qe,{size:"small",children:oe("img",{src:"http://placekitten.com/200/300",alt:"kitty"},void 0,!1,{fileName:Hl,lineNumber:81,columnNumber:17})},void 0,!1,{fileName:Hl,lineNumber:80,columnNumber:15})},void 0,!1,{fileName:Hl,lineNumber:79,columnNumber:13})},void 0,!1,{fileName:Hl,lineNumber:78,columnNumber:11})},void 0,!1,{fileName:Hl,lineNumber:77,columnNumber:9}),oe(si,{title:"Constrained image proportions: placeholder",children:oe(Ni,{withSource:!0,children:oe("div",{style:"width:150px; height:100px",children:oe(Qe,{size:"small"},void 0,!1,{fileName:Hl,lineNumber:90,columnNumber:15})},void 0,!1,{fileName:Hl,lineNumber:89,columnNumber:13})},void 0,!1,{
+fileName:Hl,lineNumber:88,columnNumber:11})},void 0,!1,{fileName:Hl,lineNumber:87,columnNumber:9})]},void 0,!0,{fileName:Hl,lineNumber:67,columnNumber:7})]},void 0,!0,{fileName:Hl,lineNumber:6,columnNumber:5})},group:"components"}];function Pl(e){return e?Al.filter((i=>i.group===e)):Al}function Il(e){return location.pathname.slice(e.length)}var Dl="/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/PlaygroundApp.js";function jl({baseURL:e="/ui-playground",extraRoutes:i=[]}){const l=Pl().concat(i),[n,r]=function(e,i){var l;const[n,r]=W((()=>Il(e))),o=Y((()=>i.find((e=>n.match(e.route)))),[n,i]),t=`${null!==(l=null==o?void 0:o.title)&&void 0!==l?l:"Page not found"}: Hypothesis UI playground`;return G((()=>{document.title=t}),[t]),G((()=>{const i=()=>{r(Il(e))};return window.addEventListener("popstate",i),()=>{window.removeEventListener("popstate",i)}}),[e]),[o,(i,l)=>{i.preventDefault(),history.pushState({},t,e+l),r(l)}]}(e,l),o=n?oe(n.component,{},void 0,!1,{fileName:Dl,
+lineNumber:34,columnNumber:5}):oe(s,{children:[oe("h1",{children:":("},void 0,!1,{fileName:Dl,lineNumber:37,columnNumber:7}),oe("p",{children:"Page not found."},void 0,!1,{fileName:Dl,lineNumber:38,columnNumber:7})]},void 0,!0),t=[{title:"Foundations",routes:Pl("foundations")},{title:"Patterns",routes:Pl("patterns")},{title:"Common Components",routes:Pl("components")}];return i.length&&t.push({title:"Application Patterns",routes:i}),oe("main",{className:"grid grid-cols-[20rem_1fr] w-screen h-screen",children:[oe("div",{className:"bg-grey-2",children:[oe("div",{className:"p-4 text-center",children:oe(Ze,{href:e,onClick:e=>r(e,"/"),children:oe(me,{name:"logo"},void 0,!1,{fileName:Dl,lineNumber:57,columnNumber:13})},void 0,!1,{fileName:Dl,lineNumber:56,columnNumber:11})},void 0,!1,{fileName:Dl,lineNumber:55,columnNumber:9}),t.map((e=>oe("div",{children:[oe("h2",{className:"p-2",children:e.title},void 0,!1,{fileName:Dl,lineNumber:62,columnNumber:13}),oe("ul",{children:e.routes.map((({route:e,title:i})=>oe("li",{
+children:oe(Ze,{classes:j("w-full border-x-6 border-grey-2 py-3 pl-6 hover:bg-grey-3",{"bg-grey-3":(null==n?void 0:n.route)===e}),href:`${e}`,onClick:i=>r(i,e),children:i},void 0,!1,{fileName:Dl,lineNumber:66,columnNumber:19})},i,!1,{fileName:Dl,lineNumber:65,columnNumber:17})))},void 0,!1,{fileName:Dl,lineNumber:63,columnNumber:13})]},e.title,!0,{fileName:Dl,lineNumber:61,columnNumber:11})))]},void 0,!0,{fileName:Dl,lineNumber:54,columnNumber:7}),oe("div",{children:o},void 0,!1,{fileName:Dl,lineNumber:84,columnNumber:7})]},void 0,!0,{fileName:Dl,lineNumber:53,columnNumber:5})}!function({baseURL:e="",extraRoutes:i=[],icons:l={}}={}){!function(e,{reset:i=!1}={}){i&&te.clear();for(let[i,l]of Object.entries(e))te.set(i,l)}({...ti,...l});const n=document.querySelector("#app");z(oe(jl,{baseURL:e,extraRoutes:i},void 0,!1,{fileName:"/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/index.js",lineNumber:33,columnNumber:5}),n)}({baseURL:"/ui-playground",extraRoutes:[{route:"/buttons",
 title:"Buttons",component:function(){return oe(ci,{title:"Buttons",children:[oe(di,{title:"PublishControlButton",children:[oe("p",{children:["Customizes ",oe("code",{children:"LabeledButton"})," styling to disable"," ",oe("code",{children:"border-radius"})," on the right side. This makes the publish button fit with a drop-down menu next to it."]}),oe(si,{title:"Basic usage",children:oe(Ni,{withSource:!0,children:oe(se,{classes:"PublishControlButton",variant:"primary",children:"Publish to My Group"})})})]}),oe(di,{title:"InlineLinkButton",children:[oe("p",{children:["Customizes ",oe("code",{children:"LinkButton"})," styling to position inline; dark variant always has underline."]}),oe(si,{title:"Basic usage",children:oe(Ni,{withSource:!0,children:oe(Ne,{classes:"InlineLinkButton",children:"Log in"})})}),oe(si,{title:"Dark variant, customized with underline",children:oe(Ni,{withSource:!0,children:oe(Ne,{classes:"InlineLinkButton InlineLinkButton--underlined",variant:"dark",children:"Log in"})})})]}),oe(di,{
 title:"Non-Responsive IconButton",children:[oe("p",{children:"An icon-only button overriding responsive affordances to fit in specific or tight spaces. These buttons do not have a minimum size (for tap-target size) applied for touch-screen/narrow viewports."}),oe(si,{variant:"wide",title:"Sizes (medium is default)",children:oe(Ni,{withSource:!0,children:[oe(de,{classes:"NonResponsiveIconButton",icon:"copy",title:"Edit",size:"small"}),oe(de,{classes:"NonResponsiveIconButton",icon:"copy",title:"Edit",size:"medium"}),oe(de,{classes:"NonResponsiveIconButton",icon:"copy",title:"Edit",size:"large"})]})})]}),oe(di,{title:"PaginationPageButton",children:[oe("p",{children:["Style customization for ",oe("code",{children:"LabeledButton"})," that gives it asymmetrical padding to fit well as pagination controls in the Notebook."]}),oe(si,{title:"Page numbers",children:oe(Ni,{withSource:!0,style:{backgroundColor:"#ececec"},children:[oe(se,{classes:"PaginationPageButton",variant:"dark",children:"9"}),oe(se,{
-classes:"PaginationPageButton",variant:"dark",pressed:!0,children:"10"}),oe(se,{classes:"PaginationPageButton",variant:"dark",children:"11"})]})}),oe(si,{title:"Navigation buttons",children:oe(Ni,{withSource:!0,style:{backgroundColor:"#ececec"},children:[oe(se,{classes:"PaginationPageButton",icon:"arrow-left",variant:"dark",children:"Prev"}),oe(se,{classes:"PaginationPageButton",icon:"arrow-right",iconPosition:"right",variant:"dark",children:"Next"})]})})]})]})},group:"components"}],icons:{add:Vi,
+classes:"PaginationPageButton",variant:"dark",pressed:!0,children:"10"}),oe(se,{classes:"PaginationPageButton",variant:"dark",children:"11"})]})}),oe(si,{title:"Navigation buttons",children:oe(Ni,{withSource:!0,style:{backgroundColor:"#ececec"},children:[oe(se,{classes:"PaginationPageButton",icon:"arrow-left",variant:"dark",children:"Prev"}),oe(se,{classes:"PaginationPageButton",icon:"arrow-right",iconPosition:"right",variant:"dark",children:"Next"})]})})]})]})},group:"components"}],icons:{add:$i,
 annotate:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">\n  <path fill="currentColor" fill-rule="nonzero" d="M15 0c.27 0 .505.099.703.297A.961.961 0 0116 1v15l-4-3H1a.974.974 0 01-.703-.29A.953.953 0 010 12V1C0 .719.096.482.29.29A.966.966 0 011 0h14zM7 3l-.469.063c-.312.041-.656.187-1.031.437-.375.25-.719.646-1.031 1.188C4.156 5.229 4 6 4 7l.002.063.006.062a.896.896 0 01.008.11l-.002.074-.006.066a1.447 1.447 0 00.43 1.188C4.729 8.854 5.082 9 5.5 9c.417 0 .77-.146 1.063-.438C6.854 8.271 7 7.918 7 7.5c0-.417-.146-.77-.438-1.063A1.447 1.447 0 005.5 6c-.073 0-.146.005-.219.016-.073.01-.14.026-.203.046.177-1.03.542-1.632 1.094-1.804L7 4V3zm5 0l-.469.063c-.312.041-.656.187-1.031.437-.375.25-.719.646-1.031 1.188C9.156 5.229 9 6 9 7l.002.063.006.062a.896.896 0 01.008.11l-.002.074-.006.066a1.447 1.447 0 00.43 1.188c.291.291.645.437 1.062.437.417 0 .77-.146 1.063-.438.291-.291.437-.645.437-1.062 0-.417-.146-.77-.438-1.063A1.447 1.447 0 0010.5 6c-.073 0-.146.005-.219.016-.073.01-.14.026-.203.046.177-1.03.542-1.632 1.094-1.804L12 4V3z"/>\n</svg>\n',
-"arrow-left":Xe,"arrow-right":ei,cancel:_e,"caret-right":Li,"cc-std":wi,"cc-zero":yi,"collapse-menu":Ci,collapsed:Li,copy:_i,edit:li,email:Bi,"expand-menu":'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">\n  <path fill="currentColor" fill-rule="nonzero" d="M7.456 11.788L1.226 5.92a.695.695 0 0 1 0-1.025l.726-.684a.804.804 0 0 1 1.087-.001L8 8.861l4.961-4.65a.804.804 0 0 1 1.087.001l.727.684c.3.283.3.742 0 1.025l-6.23 5.867a.804.804 0 0 1-1.09 0z"/>\n</svg>',error:_e,external:Ti,facebook:Gi,flag:Zi,"flag--active":zi,"format-bold":Mi,"format-functions":xi,"format-italic":Si,"format-list-numbered":Ei,"format-list-unordered":Ui,"format-quote":ki,groups:Ai,help:Pi,hide:Ii,highlight:Di,image:ji,leave:qi,link:Fi,
-lock:'<?xml version="1.0" encoding="UTF-8" standalone="no"?>\n<svg width="48px" height="56px" viewBox="0 0 48 56" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n        <g fill="currentColor">\n            <rect x="0" y="24" width="48" height="32"></rect>\n            <path d="M24,0 C24,0 8,0 8,16 L8,32 L16,32 L16,16.0000004 C16,8 24,8 24,8 C24,8 32,8 32,16 L32,32 L40,32 L40,16 C40,0 24,0 24,0 Z"></path>\n        </g>\n    </g>\n</svg>',logo:ni,pointer:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="8" viewBox="0 0 15 8" aria-hidden="true" focusable="false"><path d="M0 8 L7 0 L15 8" stroke="currentColor" strokeWidth="2" /></svg>\n',profile:ri,public:Hi,refresh:Ri,restricted:$i,
-reply:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">\n  <path fill="currentColor" fill-rule="nonzero" d="M6.422 5.422c2 0 3.542.417 4.625 1.25 1.083.833 1.875 1.75 2.375 2.75s.792 1.917.875 2.75l.125 1.25h-2l-.094-.938c-.062-.625-.281-1.312-.656-2.062-.375-.75-.969-1.438-1.781-2.063-.813-.625-1.97-.937-3.47-.937H4.829l2 2-1.406 1.422L1 6.422 5.422 2l1.406 1.422-2 2h1.594z"/>\n</svg>\n',search:Oi,share:Wi,success:ii,sort:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false" class="Icon Icon--sort"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 9V2v7zM1 5l4-4 4 4m2 2v7-7zm-4 4l4 4 4-4"></path></g></svg>\n',trash:oi,twitter:Ji}});
+"arrow-left":Xe,"arrow-right":ei,cancel:_e,"caret-right":Li,"cc-std":wi,"cc-zero":yi,"collapse-menu":Ci,collapse:_i,collapsed:Li,copy:xi,edit:li,email:Ti,"expand-menu":'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">\n  <path fill="currentColor" fill-rule="nonzero" d="M7.456 11.788L1.226 5.92a.695.695 0 0 1 0-1.025l.726-.684a.804.804 0 0 1 1.087-.001L8 8.861l4.961-4.65a.804.804 0 0 1 1.087.001l.727.684c.3.283.3.742 0 1.025l-6.23 5.867a.804.804 0 0 1-1.09 0z"/>\n</svg>',error:_e,expand:Zi,external:zi,facebook:Ki,flag:Hi,"flag--active":Ai,"format-bold":Si,"format-functions":ki,"format-italic":Bi,"format-list-numbered":Vi,"format-list-unordered":Ri,"format-quote":Mi,groups:Ii,help:Di,hide:ji,highlight:qi,image:Fi,leave:Ei,link:Ui,
+lock:'<?xml version="1.0" encoding="UTF-8" standalone="no"?>\n<svg width="48px" height="56px" viewBox="0 0 48 56" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n        <g fill="currentColor">\n            <rect x="0" y="24" width="48" height="32"></rect>\n            <path d="M24,0 C24,0 8,0 8,16 L8,32 L16,32 L16,16.0000004 C16,8 24,8 24,8 C24,8 32,8 32,16 L32,32 L40,32 L40,16 C40,0 24,0 24,0 Z"></path>\n        </g>\n    </g>\n</svg>',logo:ni,pointer:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="8" viewBox="0 0 15 8" aria-hidden="true" focusable="false"><path d="M0 8 L7 0 L15 8" stroke="currentColor" strokeWidth="2" /></svg>\n',profile:ri,public:Pi,refresh:Oi,restricted:Wi,
+reply:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">\n  <path fill="currentColor" fill-rule="nonzero" d="M6.422 5.422c2 0 3.542.417 4.625 1.25 1.083.833 1.875 1.75 2.375 2.75s.792 1.917.875 2.75l.125 1.25h-2l-.094-.938c-.062-.625-.281-1.312-.656-2.062-.375-.75-.969-1.438-1.781-2.063-.813-.625-1.97-.937-3.47-.937H4.829l2 2-1.406 1.422L1 6.422 5.422 2l1.406 1.422-2 2h1.594z"/>\n</svg>\n',search:Gi,share:Ji,success:ii,sort:'<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" focusable="false" class="Icon Icon--sort"><g fill-rule="evenodd"><rect fill="none" stroke="none" x="0" y="0" width="16" height="16"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 9V2v7zM1 5l4-4 4 4m2 2v7-7zm-4 4l4 4 4-4"></path></g></svg>\n',trash:oi,twitter:Yi}});
 //# sourceMappingURL=ui-playground.bundle.js.map